PageSourceSearch

https://iotcoss.ac.kr/curriculum/standard

html iotcoss.ac.kr collected 2026-10-02 23:28:26 UTC 158,082 bytes, 6,247 lines download raw bytes

1<!doctype html>
2<html lang="ko">
3<head>
4	<meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1">
5	<meta charset="utf-8">
6	<link rel="canonical" href="https://iotcoss.ac.kr/curriculum/standard"/>
7	<link rel="alternate" hreflang="ko-KR" href="https://iotcoss.ac.kr/curriculum/standard"/>
8			
9		
10	<title>사물인터넷 혁신융합대학사업단</title>
11	
12	<meta name="url" content="https://iotcoss.ac.kr/curriculum/standard">
13	<meta name="author" content="사물인터넷 혁신융합대학사업단">
14	<meta name="name" content="사물인터넷 혁신융합대학사업단">
15	<meta name="type" content="website">
16	<meta id="viewport" name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, user-scalable=no">
17	<meta name="format-detection" content="telephone=no, address=no, email=no">
18	<meta name="title" content="사물인터넷 혁신융합대학사업단">
19	<meta name="description" content="">
20	<meta name="keywords" content="">
21	
22				
23		
24	<meta name="image" content="https://iotcoss.ac.kr/image/og_img.png">
25	
26	<!-- CSRF Token -->
27	<meta name="csrf-token" content="cEtT97fXymDtW6BvuUgVHDySkU6ZvziCc0jbEiuw">
28	<!-- opengraph -->
29	<meta property="og:url" content="https://iotcoss.ac.kr/curriculum/standard">
30	<meta property="og:title" content="사물인터넷 혁신융합대학사업단">
31	<meta property="og:description" content="">
32	<meta property="og:keywords" content="">
33	<meta property="og:image" content="https://iotcoss.ac.kr/image/og_img.png"/>
34	<meta itemprop="image" content="https://iotcoss.ac.kr/image/og_img.png">
35	<meta name="og:type" charset="" content="website"/>
36	<meta name="image:width" content="800"/>
37	<meta name="image:height" content="400"/>
38	<!-- //opengraph -->
39	<!-- twitter -->
40	<meta name="twitter:card" content="summary">
41	<meta name="twitter:title" content="사물인터넷 혁신융합대학사업단">
42	<meta name="twitter:description" content="">
43	<meta name="twitter:url" content="https://iotcoss.ac.kr/curriculum/standard">
44	<meta name="twitter:image" content="https://iotcoss.ac.kr/image/og_img.png"/>
45	<!-- //twitter -->
46	<meta itemprop="name" content="사물인터넷 혁신융합대학사업단">
47	<meta itemprop="description" content="">
48	<meta itemprop="image" content="https://iotcoss.ac.kr/image/og_img.png">
49	<!-- Facebook Pixel Code -->
50	
51	<link rel="canonical" href="https://iotcoss.ac.kr/curriculum/standard"/>
52	
53			<link rel="icon" type="image/x-icon" href="https://iotcoss.ac.kr/favicon.png"/>
54		
55	
56	<!-- 구글 검색과 최신 브라우저를 위한 PNG (48x48) -->
57			<link rel="icon" type="image/x-icon" href="https://iotcoss.ac.kr/favicon.png" sizes="48x48"/>
58		
59	<!-- Scripts -->
60	
60<script src="/js/app.js?id=43af124f41f585b480af2ab8ef6eeedc"></script>
60
61	
61<script src="https://iotcoss.ac.kr/plugin/fileattached/fileattached.js"></script>
61
62	
62<script src="https://unpkg.com/[email protected]/dist/aos.js"></script>
62
63	
63<script>
64		$(function () {
65			var ww = ($(window).width() < window.screen.width) ? $(window).width() : window.screen.width; //get proper width
66			var mw = 350; // min width of site
67			var ratio = ww / mw; //calculate ratio
68			if (ww < mw) { //smaller than minimum size
69				$('#viewport').attr('content', 'initial-scale=' + ratio + ', maximum-scale=' + ratio + ', minimum-scale=' + ratio + ', user-scalable=no, width=' + mw);
70			} else { //regular size
71				$('#viewport').attr('content', 'initial-scale=1.0, maximum-scale=1,  minimum-scale=1.0, user-scalable=no, width=' + mw);
72			}
73		});
74	</script>
74
75	
76	<!-- Styles -->
77	<link href="/css/app.css?id=3264a1c0618f6c46862d1d2b80216741" rel="stylesheet">
78	<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/slimselect.min.css" rel="stylesheet">
79	<link rel="stylesheet" href="https://unpkg.com/[email protected]/dist/aos.css">
80	
81	
82</head>
83<body>
84<div class="wrapper w-full max-w-full relative mx-auto overflow-hidden">
85    <span itemscope="" itemtype="http://schema.org/Organization">
86        <link itemprop="url" href="https://iotcoss.ac.kr/curriculum/standard">
87        <a itemprop="sameAs" href=""></a>
88    </span>
89	<style>
90	#header.sub_header {
91		background-color: #000000;
92		height: 108px;
93	}
94
95	#header.sub_header .header-row {
96		position: relative;
97	}
98
99	.header-column.logo-column {
100		position: absolute;
101		left: 20px;
102		top: 50%;
103		transform: translateY(-50%);
104	}
105
106	.ss-main {
107		height: 50px !important;
108		padding: 0 12px 0 16px !important;
109		border-radius: 6px !important;
110		background-color: transparent !important;
111		border-color: rgba(238, 238, 238, 0.20) !important;
112		color: #fff !important;
113
114	}
115
116	.ss-main .ss-values {
117		line-height: 48px;
118	}
119
120	.ss-main .ss-arrow {
121		width: 24px;
122		height: 100%;
123		flex: unset;
124		margin: 0;
125		display: block;
126		background-image: url('/image/sel_arrow.svg');
127		background-repeat: no-repeat;
128		background-position: center;
129	}
130
131	.ss-main.ss-open-above, .ss-main.ss-open-below, .ss-main:focus {
132		border-color: white !important;
133		box-shadow: none !important;
134	}
135
136	.ss-content .ss-list {
137		border: 1px solid white !important;
138		margin-top: 5px;
139		background-color: white !important;
140		border-radius: 6px !important;
141		padding: 0 16px;
142	}
143
144	.ss-content .ss-list .ss-option.ss-highlighted, .ss-content .ss-list .ss-option:not(.ss-disabled).ss-selected {
145		color: black !important;
146		background-color: transparent !important;
147	}
148
149	.ss-content .ss-list .ss-option {
150		font-weight: 500 !important;
151	}
152
153	.ss-main .ss-arrow path {
154		display: none;
155	}
156
157	.ss-main.family-select {
158		width: 180px !important;
159	}
160
161	.ss-content .ss-list .ss-option:not(:nth-of-type(1)) {
162		border: unset !important;
163	}
164
165	.ss-content .ss-list .ss-option:hover {
166		color: black !important;
167	}
168
169	#univSection {
170		background: linear-gradient(180deg, #001247 0%, rgba(2, 20, 76, 0.3) 65%, rgba(255, 255, 255, 0) 100%);
171	}
172
173	/* Figma Con #1: base gradient + mesh(opacity 60%) + bottom dim(420px) */
174	#programSection {
175		background: linear-gradient(180deg, #000000 0%, #000A37 100%);
176		overflow: hidden;
177	}
178
179	#programSection::before {
180		position: absolute;
181		display: block;
182		content: '';
183		inset: 0;
184		background: url('/image/main_program_bg.jpg') center / cover no-repeat;
185		opacity: 0.6;
186		pointer-events: none;
187		z-index: 0;
188	}
189
190	#programSection::after {
191		position: absolute;
192		display: block;
193		content: '';
194		left: 0;
195		bottom: 0;
196		width: 100%;
197		height: 420px;
198		background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
199		pointer-events: none;
200		z-index: 0;
201	}
202
203	#programSection .section-body {
204		position: relative;
205		z-index: 1;
206	}
207
208	/* Figma tit & btn: 타이틀 좌측 + 원형 prev/next 우측 */
209	#programSection .tit-area {
210		display: flex;
211		align-items: center;
212		justify-content: space-between;
213		gap: 20px;
214		width: 100%;
215	}
216
217	#programSection .tit-area .tit-txt {
218		flex: 1 0 0;
219		min-width: 0;
220	}
221
222	#programSection .tit-area .sub-tit {
223		margin-top: 8px;
224	}
225
226	#programSection .program-button {
227		display: flex;
228		align-items: center;
229		gap: 8px;
230		flex-shrink: 0;
231		position: relative;
232	}
233
234	#programSection .program-button .swiper-button-prev {
235		transform: rotate(180deg);
236	}
237
238	#programSection .program-button .swiper-button-prev,
239	#programSection .program-button .swiper-button-next {
240		position: static;
241		top: auto;
242		left: auto;
243		right: auto;
244		display: flex;
245		align-items: center;
246		justify-content: center;
247		width: 48px;
248		height: 48px;
249		margin: 0;
250		border-radius: 500px;
251		border: 0.5px solid #fff;
252		background: transparent;
253		cursor: pointer;
254		transition: .3s ease-out;
255		color: #fff;
256		z-index: 1;
257	}
258
259	#programSection .program-button .swiper-button-prev:hover,
260	#programSection .program-button .swiper-button-next:hover {
261		background: #0057FF;
262		border-color: #0057FF;
263	}
264
265	#programSection .program-button .swiper-button-prev::after,
266	#programSection .program-button .swiper-button-next::after {
267		display: none;
268		content: none;
269	}
270
271	#programSection .program-button .swiper-button-prev img,
272	#programSection .program-button .swiper-button-next img {
273		width: 24px;
274		height: 24px;
275		display: block;
276	}
277
278	#programSection .program-button .swiper-button-disabled {
279		opacity: 0.35;
280		cursor: default;
281	}
282
283	#programSection .cont-area,
284	#clusterSection .cont-area {
285		margin-top: 80px;
286	}
287
288	#newsSection .cont-area {
289		margin-top: 40px;
290	}
291
292	/* Figma dim: 파란 glow는 하단 50%부터 + multiply (이미지와 섞임) */
293	#programSection .program-box {
294		display: block;
295		position: relative;
296		border-radius: 12px;
297		overflow: hidden;
298	}
299
300	#programSection .program-box::before {
301		position: absolute;
302		display: block;
303		content: '';
304		inset: 0;
305		border-radius: 12px;
306		background: linear-gradient(180deg, rgba(2, 88, 255, 0) 49.881%, #0258FF 100%);
307		mix-blend-mode: multiply;
308		pointer-events: none;
309		z-index: 1;
310	}
311
312	#programSection .program-box::after {
313		position: absolute;
314		display: block;
315		content: '';
316		inset: 0;
317		border-radius: 12px;
318		background: linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 100%);
319		pointer-events: none;
320		z-index: 1;
321	}
322
323	#programSection .program-box > img {
324		width: 100%;
325		height: 100%;
326		object-fit: cover;
327		border-radius: 12px;
328		transition: .3s ease-out;
329	}
330
331	#programSection .program-box:hover > img {
332		transform: scale(1.1);
333	}
334
335	#programSection .program-swiper .text-box {
336		position: absolute;
337		width: 100%;
338		height: 100%;
339		left: 0;
340		top: 0;
341		padding: 28px;
342		display: flex;
343		flex-direction: column;
344		justify-content: space-between;
345		z-index: 2;
346	}
347
348	#programSection .program-swiper .txt1 {
349		font-size: 2rem;
350		font-weight: 600;
351		line-height: 1.6;
352		padding-bottom: 16px;
353		border-bottom: 0.5px solid rgba(238, 238, 238, 0.20);
354	}
355
356	#programSection .program-swiper .txt2 {
357		font-size: 1.4rem;
358		line-height: 1.6;
359	}
360
361	/* Cluster marquee — Figma list 3042:15514 */
362	#clusterSection .cont-area {
363		margin-top: 80px;
364		display: flex;
365		flex-direction: column;
366		gap: 24px;
367		overflow: hidden;
368		width: 100%;
369	}
370
371	#clusterSection .cluster-marquee {
372		width: 100%;
373		overflow: hidden;
374	}
375
376	#clusterSection .cluster-list {
377		display: flex;
378		align-items: center;
379		gap: 24px;
380		width: max-content;
381		margin: 0;
382		padding: 0;
383		list-style: none;
384	}
385
386	#clusterSection .cluster-list li {
387		position: relative;
388		flex-shrink: 0;
389		width: 342px;
390		height: 169px;
391		background: rgba(255, 255, 255, 0.05);
392		border-radius: 12px;
393		overflow: hidden;
394		cursor: pointer;
395	}
396
397	#clusterSection .cluster-list li .logo-img {
398		position: absolute;
399		left: 50%;
400		top: 50%;
401		transform: translate(-50%, -50%);
402		width: 176px;
403		height: 60px;
404		display: block;
405	}
406
407	#clusterSection .cluster-list li .logo-img img {
408		position: absolute;
409		inset: 0;
410		width: 100%;
411		height: 100%;
412		object-fit: contain;
413		transition: opacity .3s ease-out;
414	}
415
416	#clusterSection .cluster-list li .logo-gray {
417		opacity: 1;
418	}
419
420	#clusterSection .cluster-list li .logo-color {
421		opacity: 0;
422	}
423
424	#clusterSection .cluster-list li:hover .logo-gray {
425		opacity: 0;
426	}
427
428	#clusterSection .cluster-list li:hover .logo-color {
429		opacity: 1;
430	}
431
432	/*
433	 * News — Figma Con #3
434	 * 1) base: black → #02144C (univSection 상단과 동일)
435	 * 2) image: 확대 후 좌상단 오프셋 (cover가 아님)
436	 * 3) overlay: 반투명 그라디언트로 톤만 맞춤
437	 */
438	#newsSection {
439		position: relative;
440		background: linear-gradient(180deg, #000000 0%, #02144C 99.519%);
441		overflow: hidden;
442	}
443
444	#newsSection .news-bg {
445		position: absolute;
446		inset: 0;
447		overflow: hidden;
448		opacity: 0.15;
449		pointer-events: none;
450		z-index: 0;
451	}
452
453	#newsSection .news-bg img {
454		position: absolute;
455		width: 100%;
456		left: 0;
457		top: unset;
458		bottom: -9%;
459		height: 74%;
460		max-width: none;
461		object-fit: cover;
462	}
463
464	#newsSection::after {
465		position: absolute;
466		display: block;
467		content: '';
468		inset: 0;
469		background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0%, rgba(2, 20, 76, 0.5) 100%);
470		pointer-events: none;
471		z-index: 0;
472	}
473
474	#newsSection .section-body {
475		position: relative;
476		z-index: 1;
477	}
478
479	#newsSection .news-block .tit-area {
480		display: flex;
481		align-items: center;
482		justify-content: space-between;
483		gap: 60px;
484	}
485
486	#newsSection .badge-new {
487		display: inline-flex;
488		align-items: center;
489		justify-content: center;
490		padding: 6px 10px;
491		border-radius: 6px;
492		background: #0057FF;
493		color: #fff;
494		font-size: 1.3rem;
495		font-weight: 600;
496		line-height: 1.6;
497		flex-shrink: 0;
498	}
499
500	#newsSection .notice-list {
501		border-top: 1px solid rgba(238, 238, 238, 0.2);
502		padding-top: 24px;
503		display: flex;
504		flex-direction: column;
505		gap: 24px;
506	}
507
508	#newsSection .notice-list li {
509		border-bottom: 1px solid rgba(238, 238, 238, 0.2);
510		padding-bottom: 24px;
511	}
512
513	#newsSection .notice-list a {
514		display: flex;
515		align-items: center;
516		gap: 20px;
517		min-height: 38px;
518	}
519
520	#newsSection .notice-list .txt-wrap {
521		display: flex;
522		align-items: center;
523		gap: 24px;
524		flex: 1 0 0;
525		min-width: 0;
526	}
527
528	#newsSection .notice-list .tit {
529		flex: 1 0 0;
530		min-width: 0;
531		color: #fff;
532		font-size: 1.8rem;
533		font-weight: 600;
534		line-height: 1.6;
535		white-space: nowrap;
536		overflow: hidden;
537		text-overflow: ellipsis;
538		transition: .3s ease-out;
539	}
540
541	#newsSection .notice-list .date {
542		flex-shrink: 0;
543		color: #999;
544		font-size: 1.3rem;
545		font-weight: 500;
546		line-height: 1.6;
547	}
548
549	#newsSection .notice-list a:hover .tit {
550		color: #0057FF;
551	}
552
553	#newsSection .press-list {
554		display: flex;
555		flex-wrap: wrap;
556		gap: 24px;
557	}
558
559	#newsSection .press-list li {
560		width: calc(25% - 18px);
561	}
562
563	#newsSection .press-card {
564		display: flex;
565		flex-direction: column;
566		justify-content: space-between;
567		padding: 24px;
568		border-radius: 12px;
569		background: rgba(255, 255, 255, 0.1);
570		backdrop-filter: blur(5px);
571		-webkit-backdrop-filter: blur(5px);
572		transition: .3s ease-out;
573		height: 235px;
574	}
575
576	#newsSection .press-card:hover {
577		background: white;
578	}
579
580	#newsSection .press-card:hover .date {
581		color: #555;
582	}
583
584	#newsSection .press-card:hover .tit {
585		color: #0057FF;
586	}
587
588	#newsSection .press-card .meta {
589		display: flex;
590		align-items: center;
591		gap: 12px;
592		min-height: 33px;
593		margin-bottom: 16px;
594	}
595
596	#newsSection .press-card .date {
597		color: #ccc;
598		font-size: 1.3rem;
599		font-weight: 500;
600		line-height: 1.6;
601		transition: .3s ease-out;
602	}
603
604	#newsSection .press-card .tit {
605		color: #fff;
606		font-size: 1.8rem;
607		font-weight: 600;
608		line-height: 1.6;
609		display: -webkit-box;
610		-webkit-line-clamp: 3;
611		-webkit-box-orient: vertical;
612		overflow: hidden;
613		transition: .3s ease-out;
614	}
615
616	#newsSection .press-card .arrow {
617		position: relative;
618		display: block;
619		width: 21px;
620		height: 16px;
621	}
622
623	#newsSection .press-card .arrow img {
624		position: absolute;
625		inset: 0;
626		width: 21px;
627		height: 16px;
628		display: block;
629		transition: all .3s ease-out;
630	}
631
632	#newsSection .press-card:hover img {
633		transform: translateX(10px);
634	}
635
636	#newsSection .press-card .arrow-gray {
637		opacity: 1;
638	}
639
640	#newsSection .press-card .arrow-blue {
641		opacity: 0;
642	}
643
644	#newsSection .press-card:hover .arrow-gray {
645		opacity: 0;
646	}
647
648	#newsSection .press-card:hover .arrow-blue {
649		opacity: 1;
650	}
651
652
653	.table-wrap:not([data-box="first"]),
654	.dot-list[data-box]:not([data-box="first"]) {
655		display: none;
656	}
657
658	.table-wrap .table-inner + .table-inner {
659		margin-top: 120px;
660	}
661
662	.table-box {
663		border: 1px solid #eee;
664	}
665
666	.table-box table th {
667		background-color: #001133;
668		font-weight: 600;
669		color: white;
670		border-bottom: 1px solid rgba(238, 238, 238, 0.50);
671	}
672
673	.table-box table th + th {
674		border-left: 1px solid rgba(238, 238, 238, 0.50);
675	}
676
677	.table-box table td + td {
678		border-left: 1px solid #eee;
679	}
680
681	.table-box table tbody tr + tr td {
682		border-top: 1px solid #eee;
683	}
684
685	.table-box table th,
686	.table-box table td {
687		height: 62px;
688		font-size: 1.6rem;
689		padding: 17px 19px;
690		line-height: 1.6;
691	}
692
693	.table-box table td {
694		font-weight: 500;
695	}
696
697	.table-box table .empty-row td {
698		color: #999;
699		text-align: center;
700	}
701
702	.sub-wrap.standard .table-wrap .th-mo,
703	.sub-wrap.standard .table-wrap .course-content-mo,
704	.sub-wrap.standard .table-wrap .univ-break,
705	.sub-wrap.microdigri .table-wrap .univ-break,
706	.sub-wrap.k-mooc .th-break {
707		display: none;
708	}
709
710	/* 마이크로디그리 top — Figma 3153:17757 */
711
712	.microdigri-top .max-box {
713		display: flex;
714		flex-direction: column;
715		gap: 24px;
716	}
717
718	.micro-info-box {
719		padding: 24px;
720		background: #fff;
721		border: 1px solid #eee;
722		border-radius: 12px;
723	}
724
725	.micro-info-box ul {
726		display: flex;
727		flex-direction: column;
728		gap: 8px;
729	}
730
731	.micro-info-box li {
732		display: flex;
733		align-items: center;
734		gap: 12px;
735	}
736
737	.dot-list li {
738		position: relative;
739		padding-left: 16px;
740		font-size: 1.6rem;
741		line-height: 1.6;
742		color: #000;
743	}
744
745	.dot-list li::before {
746		position: absolute;
747		display: block;
748		content: '';
749		clear: both;
750		width: 4px;
751		height: 4px;
752		background: #0057FF;
753		left: 0;
754		top: 10px;
755		border-radius: 2px;
756	}
757
758	.dot-list .txt {
759		display: flex;
760		gap: 8px;
761	}
762
763	.dot-list .label {
764		font-weight: 500;
765		white-space: nowrap;
766	}
767
768	.micro-step-list {
769		display: flex;
770		align-items: stretch;
771		gap: 16px;
772	}
773
774	.micro-step-card {
775		flex: 1 1 0;
776		min-width: 0;
777		display: flex;
778		flex-direction: column;
779		padding: 31px;
780		background: #fff;
781		border: 1px solid #eee;
782		border-radius: 12px;
783	}
784
785	.connection-step-list {
786		display: flex;
787		align-items: stretch;
788		gap: 24px;
789	}
790
791	.connection-step-card {
792		border: 1px solid #eee;
793		border-radius: 12px;
794		padding: 32px;
795		background: #fff;
796		flex: 1 1 0;
797		min-width: 0;
798	}
799
800	.connection-top .num {
801		margin-bottom: 56px;
802	}
803
804	.badge-point {
805		color: white;
806		font-size: 12px;
807		font-weight: 600;
808		background: #0057FF;
809		border-radius: 500px;
810		padding: 6px 16px;
811		width: fit-content;
812		line-height: 1.584;
813	}
814
815	.connection-top .micro-step-ico {
816		width: 60px;
817		height: 60px;
818		display: flex;
819		align-items: center;
820		justify-content: center;
821		margin-bottom: 32px;
822	}
823
824	.connection-top .tit {
825		font-size: 2.4rem;
826		font-weight: 600;
827		line-height: 1.6;
828		margin-bottom: 12px;
829		color: #000;
830	}
831
832	.connection-top .desc {
833		color: #000;
834	}
835
836	.micro-step-card .num {
837		margin-bottom: 15px;
838		color: #0057FF;
839		font-weight: 700;
840		line-height: 1.6;
841	}
842
843	.micro-step-card .tit {
844		margin-bottom: 8px;
845		color: #000;
846		font-size: 2rem;
847		font-weight: 600;
848		line-height: 1.6;
849	}
850
851	.micro-step-card .desc {
852		color: #000;
853		font-size: 1.4rem;
854		line-height: 1.6;
855	}
856
857	.micro-step-ico {
858		margin-top: auto;
859		align-self: flex-end;
860		width: 56px;
861		height: 56px;
862	}
863
864	.micro-step-ico img {
865		width: 100%;
866		height: 100%;
867		object-fit: contain;
868	}
869
870	.micro-step-arrow {
871		display: flex;
872		align-items: center;
873		justify-content: center;
874		flex-shrink: 0;
875		width: 16px;
876		align-self: center;
877	}
878
879	.micro-step-arrow img {
880		width: 12px;
881		height: 14px;
882		display: block;
883	}
884
885	@media (max-width: 1200px) {
886		.micro-step-list,
887		.sub-wrap.k-mooc .connection-step-list {
888			display: grid;
889			grid-template-columns: 1fr 1fr;
890		}
891
892		.connection-top .num {
893			margin-bottom: 30px;
894		}
895
896		.micro-step-arrow {
897			display: none;
898		}
899	}
900
901	.starship-top {
902		width: 100%;
903		border-radius: 12px;
904		background-image: url('/image/starship_bg.jpg');
905		background-size: auto 100%;
906		background-position: center;
907		background-repeat: no-repeat;
908		margin-bottom: 80px;
909		aspect-ratio: 1440/420;
910		min-height: 210px;
911	}
912
913	.section-sec-tit {
914		color: #000;
915		font-size: 3.6rem;
916		font-weight: 600;
917		line-height: 1.6;
918		letter-spacing: -0.02em;
919		margin-bottom: 48px;
920	}
921
922	.starship-journey {
923		padding: 80px 0;
924	}
925
926	.starship-journey-wrap {
927		display: flex;
928		flex-direction: column;
929		gap: 80px;
930	}
931
932	.starship-journey-row {
933		display: flex;
934		align-items: stretch;
935		gap: 16px;
936	}
937
938	.starship-journey-col {
939		flex: 1 1 0;
940		min-width: 0;
941		display: flex;
942		flex-direction: column;
943		align-items: stretch;
944	}
945
946	.starship-step-card {
947		display: flex;
948		flex-direction: column;
949		flex: 0 0 auto;
950		gap: 24px;
951		padding: 32px;
952		background: #fff;
953		border: 1px solid #eee;
954		border-radius: 12px;
955	}
956
957	.starship-step-head {
958		display: flex;
959		gap: 24px;
960		padding-bottom: 24px;
961		border-bottom: 1px solid #eee;
962	}
963
964	.starship-step-num {
965		display: flex;
966		align-items: center;
967		justify-content: center;
968		flex-shrink: 0;
969		width: 48px;
970		height: 48px;
971		border-radius: 6px;
972		color: #fff;
973		font-size: 1.6rem;
974		font-weight: 800;
975		line-height: 1.6;
976		margin-top: 2px;
977	}
978
979	.starship-step-txt .slogan {
980		color: #000;
981		line-height: 1.572;
982		margin-bottom: 2px;
983	}
984
985	.starship-step-txt .tit {
986		color: #000;
987		font-size: 2rem;
988		font-weight: 500;
989		line-height: 1.6;
990	}
991
992	.starship-step-list {
993		display: flex;
994		flex-direction: column;
995		gap: 4px;
996	}
997
998	.starship-step-list.is-group {
999		gap: 12px;
1000	}
1001
1002	.starship-step-list.is-group > li ul {
1003		margin-top: 4px;
1004		display: flex;
1005		flex-direction: column;
1006		gap: 2px;
1007		letter-spacing: -0.5px
1008	}
1009
1010	.starship-step-list.is-group > li ul li {
1011		padding-left: 5px;
1012		color: #555;
1013	}
1014
1015	.starship-step-list.is-group > li ul li::before {
1016		display: none;
1017	}
1018
1019	.starship-connector {
1020		position: relative;
1021		display: block;
1022		width: 8px;
1023		height: 52px;
1024		margin: 0 auto;
1025		flex-shrink: 0;
1026	}
1027
1028	.starship-connector::before {
1029		content: '';
1030		position: absolute;
1031		left: 50%;
1032		top: 0;
1033		width: 0;
1034		height: 44px;
1035		border-left: 1px dashed var(--line-color, #0057FF);
1036		transform: translateX(-50%);
1037	}
1038
1039	.starship-connector::after {
1040		content: '';
1041		position: absolute;
1042		left: 50%;
1043		bottom: 0;
1044		width: 8px;
1045		height: 8px;
1046		border-radius: 50%;
1047		background: var(--line-color, #0057FF);
1048		transform: translateX(-50%);
1049	}
1050
1051	.starship-benefit-card {
1052		display: flex;
1053		flex-direction: column;
1054		gap: 8px;
1055		padding: 32px;
1056		background: #f9f9f9;
1057		border: 1px solid #eee;
1058		border-radius: 12px;
1059		margin-top: -4px;
1060	}
1061
1062	.starship-benefit-card .tit,
1063	.starship-support-list .tit {
1064		color: #000;
1065		font-size: 1.8rem;
1066		font-weight: 500;
1067		line-height: 1.6;
1068		letter-spacing: -0.02em;
1069	}
1070
1071	.starship-benefit-card ul {
1072		display: flex;
1073		flex-direction: column;
1074		gap: 4px;
1075	}
1076
1077	.starship-benefit-card li::before {
1078		content: '';
1079		position: absolute;
1080		left: 0;
1081		top: 11px;
1082		width: 4px;
1083		height: 4px;
1084		border-radius: 50%;
1085		background: #0057FF;
1086	}
1087
1088	.starship-journey-arrow {
1089		display: flex;
1090		align-items: flex-start;
1091		justify-content: center;
1092		flex-shrink: 0;
1093		width: 16px;
1094		padding-top: 0;
1095	}
1096
1097	.starship-journey-arrow img {
1098		display: block;
1099	}
1100
1101	.starship-support {
1102		background: #F3F6FB;
1103		padding: 80px 0 120px;
1104	}
1105
1106	.starship-support-list {
1107		display: flex;
1108		align-items: stretch;
1109		gap: 24px;
1110	}
1111
1112	.starship-support-list li {
1113		flex: 1 1 0;
1114		min-width: 0;
1115		display: flex;
1116		flex-direction: column;
1117		gap: 24px;
1118		padding: 24px;
1119		background: #fff;
1120		border: 1px solid #eee;
1121		border-radius: 12px;
1122	}
1123
1124	.starship-support-list .badge {
1125		display: inline-flex;
1126		align-items: center;
1127		justify-content: center;
1128		width: fit-content;
1129		padding: 4px 12px;
1130		border: 1px solid #0057FF;
1131		border-radius: 6px;
1132		color: #0057FF;
1133		font-size: 1.2rem;
1134		font-weight: 600;
1135		line-height: 1.6;
1136		letter-spacing: -0.02em;
1137	}
1138
1139	.starship-support-list .txt {
1140		display: flex;
1141		flex-direction: column;
1142		gap: 8px;
1143	}
1144
1145	.starship-support-list .desc {
1146		color: #000;
1147		line-height: 1.6;
1148		letter-spacing: -0.02em;
1149	}
1150
1151
1152	.credit-program-box {
1153		padding: 80px 0;
1154	}
1155
1156	.credit-program-box:nth-child(odd) {
1157		background: #F3F6FB;
1158	}
1159
1160	.credit-program-box:last-child {
1161		padding-bottom: 120px;
1162	}
1163
1164	.credit-program-inner {
1165		display: flex;
1166		align-items: flex-start;
1167		gap: 60px;
1168	}
1169
1170	.credit-program-left {
1171		flex: 0 0 708px;
1172		width: 708px;
1173		display: flex;
1174		flex-direction: column;
1175		gap: 40px;
1176	}
1177
1178	.credit-program-left .txt-area {
1179		display: flex;
1180		flex-direction: column;
1181		gap: 8px;
1182	}
1183
1184	.credit-program-left .tit-row {
1185		display: flex;
1186		align-items: center;
1187		gap: 12px;
1188		flex-wrap: wrap;
1189	}
1190
1191	.section-third-tit {
1192		color: #000;
1193		font-size: 3.2rem;
1194		font-weight: 600;
1195		line-height: 1.6;
1196		letter-spacing: -0.02em;
1197	}
1198
1199	div .more-button.credit-apply-btn {
1200		width: 180px;
1201	}
1202
1203	.credit-program-img {
1204		width: 100%;
1205		border-radius: 12px;
1206		overflow: hidden;
1207	}
1208
1209	.credit-program-img img {
1210		display: block;
1211		width: 100%;
1212		height: 100%;
1213		object-fit: cover;
1214	}
1215
1216	.credit-program-points {
1217		flex: 1 1 0;
1218		min-width: 0;
1219		display: flex;
1220		flex-direction: column;
1221		gap: 16px;
1222	}
1223
1224	.credit-program-points li {
1225		display: flex;
1226		flex-direction: column;
1227		gap: 24px;
1228		padding: 23px;
1229		background: #fff;
1230		border: 1px solid #eee;
1231		border-radius: 12px;
1232		min-height: 150px;
1233	}
1234
1235	.credit-program-points .num {
1236		color: #0057FF;
1237		f
1237ont-size: 1.2rem;
1238		font-weight: 600;
1239		line-height: 1.6;
1240		letter-spacing: -0.02em;
1241	}
1242
1243	.credit-program-points .txt {
1244		display: flex;
1245		flex-direction: column;
1246		gap: 8px;
1247	}
1248
1249	.credit-program-points .tit,
1250	.academic-points .tit {
1251		color: #000;
1252		font-size: 1.8rem;
1253		font-weight: 500;
1254		line-height: 1.6;
1255		letter-spacing: -0.02em;
1256	}
1257
1258	.credit-program-points .desc {
1259		color: #000;
1260		line-height: 1.6;
1261		letter-spacing: -0.02em;
1262	}
1263
1264	div:where(.swal2-container).swal2-center > .swal2-popup.swal-credit {
1265		width: 480px !important;
1266		padding: 32px !important;
1267		border-radius: 20px !important;
1268	}
1269
1270	div:where(.swal2-container) .swal-credit .swal2-html-container {
1271		margin: 0;
1272		padding: 0 !important;
1273		color: #000 !important;
1274		font-size: 1.8rem !important;
1275		font-weight: 500 !important;
1276		line-height: 1.6;
1277		letter-spacing: -0.02em;
1278		text-align: center;
1279	}
1280
1281	div:where(.swal2-container) .swal-credit .swal2-actions {
1282		margin: 24px 0 0;
1283		gap: 8px;
1284	}
1285
1286	div:where(.swal2-container) .swal-credit-confirm,
1287	div:where(.swal2-container) .swal-credit-cancel {
1288		width: 140px;
1289		height: 48px;
1290		display: flex;
1291		align-items: center;
1292		justify-content: center;
1293		margin: 0 !important;
1294		border-radius: 6px !important;
1295		border: 1px solid #0057FF !important;
1296		font-size: 1.6rem !important;
1297		font-weight: 500 !important;
1298		line-height: 1.6;
1299		letter-spacing: -0.02em;
1300		box-shadow: none !important;
1301	}
1302
1303	div:where(.swal2-container) .swal-credit-confirm {
1304		background: #0057FF !important;
1305		color: #fff !important;
1306	}
1307
1308	div:where(.swal2-container) .swal-credit-cancel {
1309		background: #fff !important;
1310		color: #0057FF !important;
1311	}
1312
1313	@media (max-width: 560px) {
1314		div:where(.swal2-container).swal2-center > .swal2-popup.swal-credit {
1315			width: calc(100% - 40px) !important;
1316		}
1317	}
1318
1319	.competition-list {
1320		display: flex;
1321		flex-direction: column;
1322		gap: 60px;
1323	}
1324
1325	.competition-card {
1326		padding: 40px;
1327		background: #fff;
1328		border: 1px solid #eee;
1329		border-radius: 12px;
1330	}
1331
1332	.competition-inner {
1333		display: flex;
1334		align-items: center;
1335		gap: 80px;
1336	}
1337
1338	.competition-left {
1339		flex: 1 1 0;
1340		min-width: 0;
1341		display: flex;
1342		flex-direction: column;
1343		gap: 24px;
1344	}
1345
1346	.competition-head {
1347		display: flex;
1348		flex-direction: column;
1349		gap: 8px;
1350		padding-bottom: 24px;
1351		border-bottom: 1px solid #eee;
1352	}
1353
1354	.competition-head .badge {
1355		margin-bottom: 0;
1356	}
1357
1358	.competition-head .desc,
1359	.exhibition-top-txt .desc,
1360	.exhibition-booth-head .desc,
1361	.credit-program-left .desc {
1362		color: #000;
1363		font-size: 1.6rem;
1364		line-height: 1.8;
1365		letter-spacing: -0.02em;
1366	}
1367
1368	.competition-info {
1369		display: flex;
1370		flex-direction: column;
1371		gap: 16px;
1372	}
1373
1374	.competition-info .info-list {
1375		display: flex;
1376		flex-direction: column;
1377		gap: 8px;
1378	}
1379
1380	.competition-info .info-list .label {
1381		width: 64px;
1382		flex-shrink: 0;
1383	}
1384
1385	.competition-info .dot-list .txt {
1386		gap: 20px;
1387	}
1388
1389	.competition-info .benefit-row {
1390		display: flex;
1391		align-items: flex-start;
1392		gap: 20px;
1393	}
1394
1395	.competition-info .benefit-row.dot-list {
1396		display: block;
1397	}
1398
1399	.competition-info .benefit-row.dot-list .txt {
1400		display: flex;
1401		flex-wrap: nowrap;
1402		align-items: flex-start;
1403		gap: 20px;
1404		width: 100%;
1405	}
1406
1407	.competition-info .benefit-label .label {
1408		white-space: nowrap;
1409		font-weight: 500;
1410	}
1411
1412	.competition-info .benefit-tags {
1413		display: flex;
1414		flex-direction: column;
1415		gap: 12px;
1416		min-width: 0;
1417	}
1418
1419	.competition-info .tag-row {
1420		display: flex;
1421		flex-wrap: wrap;
1422		align-items: center;
1423		gap: 12px;
1424	}
1425
1426	.competition-info .tag {
1427		display: inline-flex;
1428		align-items: center;
1429		justify-content: center;
1430		padding: 4px 8px;
1431		border-radius: 6px;
1432		background: rgba(0, 87, 255, 0.1);
1433		color: #000;
1434		font-size: 1.4rem;
1435		font-weight: 400;
1436		line-height: 1.6;
1437		letter-spacing: -0.02em;
1438	}
1439
1440	.competition-info .track-list {
1441		display: flex;
1442		align-items: stretch;
1443		gap: 16px;
1444	}
1445
1446	.competition-info .track-box {
1447		flex: 1 1 0;
1448		min-width: 0;
1449		display: flex;
1450		flex-direction: column;
1451		gap: 16px;
1452		padding: 20px;
1453		background: #fff;
1454		border: 1px solid #eee;
1455		border-radius: 12px;
1456	}
1457
1458	.competition-info .track-badge {
1459		color: #0057FF;
1460		font-size: 1.6rem;
1461		font-weight: 600;
1462		line-height: 1.6;
1463		letter-spacing: -0.02em;
1464	}
1465
1466	.competition-info .track-rows {
1467		display: flex;
1468		flex-direction: column;
1469		gap: 8px;
1470	}
1471
1472	.competition-info .track-row {
1473		display: flex;
1474		align-items: flex-start;
1475		gap: 20px;
1476	}
1477
1478	.competition-info .track-row.is-center {
1479		align-items: center;
1480	}
1481
1482	.competition-info .track-row .label {
1483		flex: 0 0 auto;
1484		color: #000;
1485		font-size: 1.6rem;
1486		font-weight: 500;
1487		line-height: 1.6;
1488		letter-spacing: -0.02em;
1489		white-space: nowrap;
1490		width: 45px;
1491	}
1492
1493	.competition-info .track-row .value {
1494		flex: 1 1 0;
1495		min-width: 0;
1496		color: #000;
1497		font-size: 1.6rem;
1498		font-weight: 400;
1499		line-height: 1.6;
1500		letter-spacing: -0.02em;
1501	}
1502
1503	.competition-right {
1504		flex: 0 0 490px;
1505		width: 490px;
1506		display: flex;
1507		flex-direction: column;
1508		gap: 24px;
1509	}
1510
1511	.competition-img {
1512		width: 100%;
1513		aspect-ratio: 490 / 276;
1514		border-radius: 12px;
1515		overflow: hidden;
1516	}
1517
1518	.competition-img img {
1519		display: block;
1520		width: 100%;
1521		height: 100%;
1522		object-fit: cover;
1523	}
1524
1525	div .more-button.competition-apply-btn {
1526		width: 100%;
1527	}
1528
1529	div .more-button.competition-apply-btn .txt {
1530		font-size: 1.4rem;
1531		font-weight: 500;
1532	}
1533
1534	.employment-list {
1535		display: flex;
1536		flex-direction: column;
1537		gap: 60px;
1538	}
1539
1540	.competition-info .info-list.employment-info-list .label {
1541		width: 97px;
1542	}
1543
1544	.employment-info-list.dot-list .txt {
1545		gap: 24px;
1546	}
1547
1548	.employment-card .track-box .track-desc {
1549		color: #000;
1550		font-size: 1.6rem;
1551		font-weight: 400;
1552		line-height: 1.6;
1553		letter-spacing: -0.02em;
1554	}
1555
1556
1557	.employment-img {
1558		width: 100%;
1559		border-radius: 12px;
1560		overflow: hidden;
1561		background: linear-gradient(180deg, #eff2f8 0%, #e0e8f6 100%);
1562	}
1563
1564	.employment-img img {
1565		display: block;
1566		width: 100%;
1567		height: auto;
1568	}
1569
1570	.table-box.round-table {
1571		overflow: hidden;
1572		border-radius: 12px;
1573	}
1574
1575	.table-box.small-table table th, .table-box.small-table table td {
1576		height: 48px;
1577		padding: 12px 19px;
1578		font-size: 1.4rem;
1579		color: black;
1580	}
1581
1582	.table-box.small-table table th {
1583		font-weight: 500;
1584		background: #f5f5f5;
1585	}
1586
1587	.table-box.small-table table td {
1588		font-weight: 400;
1589	}
1590
1591	.exhibition-top {
1592		background: #F3F6FB;
1593		padding: 80px 0;
1594	}
1595
1596	.exhibition-top-inner {
1597		display: flex;
1598		align-items: center;
1599		gap: 60px;
1600	}
1601
1602	.exhibition-top-img {
1603		flex: 0 0 708px;
1604		width: 708px;
1605		height: 444px;
1606		border-radius: 12px;
1607		overflow: hidden;
1608		background: #fff;
1609	}
1610
1611	.exhibition-top-img img {
1612		display: block;
1613		width: 100%;
1614		height: 100%;
1615		object-fit: cover;
1616	}
1617
1618	.exhibition-top-txt {
1619		flex: 1 1 0;
1620		min-width: 0;
1621		display: flex;
1622		flex-direction: column;
1623		align-items: flex-start;
1624		gap: 16px;
1625	}
1626
1627	.exhibition-top-txt .desc {
1628		margin-bottom: 48px;
1629	}
1630
1631	.exhibition-booth {
1632		padding: 80px 0 120px;
1633	}
1634
1635	.exhibition-booth-head {
1636		display: flex;
1637		flex-direction: column;
1638		margin-bottom: 48px;
1639	}
1640
1641	.exhibition-booth-body {
1642		display: flex;
1643		align-items: stretch;
1644		gap: 24px;
1645	}
1646
1647	.exhibition-acc {
1648		flex: 1 1 0;
1649		min-width: 0;
1650		display: flex;
1651		flex-direction: column;
1652		gap: 0;
1653		padding: 40px;
1654		background: #f9f9f9;
1655		border-radius: 12px;
1656	}
1657
1658	.exhibition-acc-item {
1659		border-top: 1px solid #ddd;
1660	}
1661
1662	.exhibition-acc-item:first-child {
1663		border-top: none;
1664	}
1665
1666	.exhibition-acc-item .acc-btn {
1667		display: flex;
1668		align-items: center;
1669		gap: 16px;
1670		width: 100%;
1671		padding: 24px 0;
1672		background: transparent;
1673		border: 0;
1674		text-align: left;
1675		cursor: pointer;
1676	}
1677
1678	.exhibition-acc-item:first-child .acc-btn {
1679		padding-top: 0;
1680	}
1681
1682	.exhibition-acc-item .acc-tit {
1683		flex: 1 1 0;
1684		min-width: 0;
1685		color: #000;
1686		font-size: 2rem;
1687		font-weight: 600;
1688		line-height: 1.6;
1689		letter-spacing: -0.02em;
1690		transition: color .2s ease;
1691	}
1692
1693	.exhibition-acc-item.on .acc-tit {
1694		color: #0057FF;
1695	}
1696
1697	.exhibition-acc-item .acc-ico {
1698		position: relative;
1699		flex: 0 0 26px;
1700		width: 26px;
1701		height: 26px;
1702	}
1703
1704	.exhibition-acc-item .acc-ico img {
1705		position: absolute;
1706		left: 50%;
1707		top: 50%;
1708		width: 14.5px;
1709		height: 8px;
1710		transform: translate(-50%, -50%);
1711		opacity: 0;
1712		transition: opacity .2s ease;
1713	}
1714
1715	.exhibition-acc-item .acc-ico .ico-down {
1716		opacity: 1;
1717	}
1718
1719	.exhibition-acc-item.on .acc-ico .ico-down {
1720		opacity: 0;
1721	}
1722
1723	.exhibition-acc-item.on .acc-ico .ico-up {
1724		opacity: 1;
1725	}
1726
1727	.exhibition-acc-item .acc-panel {
1728		padding-bottom: 24px;
1729	}
1730
1731	.exhibition-acc-item .acc-desc {
1732		color: #555;
1733		font-size: 1.6rem;
1734		font-weight: 400;
1735		line-height: 1.6;
1736		letter-spacing: -0.02em;
1737	}
1738
1739	.exhibition-booth-img {
1740		position: relative;
1741		flex: 0 0 870px;
1742		width: 870px;
1743		height: 540px;
1744		border-radius: 12px;
1745		overflow: hidden;
1746	}
1747
1748	.exhibition-booth-img img {
1749		position: absolute;
1750		left: 0;
1751		top: 0;
1752		display: block;
1753		width: 100%;
1754		height: 100%;
1755		object-fit: cover;
1756		opacity: 0;
1757		transition: opacity .35s ease;
1758	}
1759
1760	.exhibition-booth-img img.on {
1761		opacity: 1;
1762		z-index: 1;
1763	}
1764
1765
1766	.academic-top {
1767		background: #F3F6FB;
1768		padding: 80px 0;
1769	}
1770
1771	.academic-top-inner {
1772		display: flex;
1773		align-items: flex-start;
1774		gap: 60px;
1775	}
1776
1777	.academic-left {
1778		flex: 0 0 708px;
1779		width: 708px;
1780		display: flex;
1781		flex-direction: column;
1782		gap: 40px;
1783	}
1784
1785	.academic-head {
1786		display: flex;
1787		flex-direction: column;
1788		gap: 8px;
1789	}
1790
1791	.academic-head .tit-row {
1792		display: flex;
1793		align-items: center;
1794		gap: 12px;
1795		flex-wrap: wrap;
1796	}
1797
1798	.academic-head .desc {
1799		color: #000;
1800		font-size: 1.6rem;
1801		font-weight: 400;
1802		line-height: 1.8;
1803		letter-spacing: -0.02em;
1804	}
1805
1806	.academic-img {
1807		width: 100%;
1808		height: 401px;
1809		border-radius: 12px;
1810		overflow: hidden;
1811	}
1812
1813	.academic-img img {
1814		display: block;
1815		width: 100%;
1816		height: 100%;
1817		object-fit: cover;
1818	}
1819
1820	.academic-points {
1821		flex: 1 1 0;
1822		min-width: 0;
1823		overflow-x: hidden;
1824		overflow-y: auto;
1825		display: flex;
1826		flex-direction: column;
1827		gap: 16px;
1828		padding-right: 8px;
1829	}
1830
1831	.academic-points::-webkit-scrollbar {
1832		width: 4px;
1833	}
1834
1835	.academic-points::-webkit-scrollbar-track {
1836		background: #ddd;
1837		border-radius: 500px;
1838	}
1839
1840	.academic-points::-webkit-scrollbar-thumb {
1841		background: #ccc;
1842		border-radius: 500px;
1843	}
1844
1845	.academic-points li {
1846		display: flex;
1847		flex-direction: column;
1848		gap: 24px;
1849		padding: 23px;
1850		background: #fff;
1851		border: 1px solid #eee;
1852		border-radius: 12px;
1853		min-height: 150px;
1854	}
1855
1856	.academic-points .num {
1857		color: #0057FF;
1858		font-size: 1.2rem;
1859		font-weight: 600;
1860		line-height: 1.6;
1861		letter-spacing: -0.02em;
1862	}
1863
1864	.academic-points .txt {
1865		display: flex;
1866		flex-direction: column;
1867		gap: 8px;
1868	}
1869
1870	.academic-points .desc {
1871		color: #000;
1872		line-height: 1.6;
1873		letter-spacing: -0.02em;
1874	}
1875
1876	.academic-review {
1877		padding-top: 80px;
1878	}
1879
1880	.academic-review-list {
1881		display: flex;
1882		align-items: stretch;
1883		gap: 24px;
1884	}
1885
1886	.academic-review-list li {
1887		flex: 1 1 0;
1888		min-width: 0;
1889		display: flex;
1890		flex-direction: column;
1891		gap: 16px;
1892		padding: 31px;
1893		background: #fff;
1894		border: 1px solid #eee;
1895		border-radius: 12px;
1896		transition: .3s ease-out;
1897	}
1898
1899	.academic-review-list li:hover {
1900		box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.10);
1901		border-color: #0057FF;
1902	}
1903
1904	.academic-review-list .review-top {
1905		display: flex;
1906		align-items: center;
1907		gap: 16px;
1908		padding-bottom: 16px;
1909		border-bottom: 1px solid #eee;
1910	}
1911
1912	.academic-review-list .review-ico {
1913		flex: 0 0 26px;
1914		width: 26px;
1915		height: 26px;
1916	}
1917
1918	.academic-review-list .review-tit {
1919		flex: 1 1 0;
1920		min-width: 0;
1921		color: #000;
1922		font-size: 1.8rem;
1923		font-weight: 600;
1924		line-height: 1.6;
1925		letter-spacing: -0.02em;
1926	}
1927
1928	.academic-review-list .review-body {
1929		display: flex;
1930		flex-direction: column;
1931		gap: 4px;
1932	}
1933
1934	.academic-review-list .name {
1935		color: #000;
1936		font-size: 1.6rem;
1937		font-weight: 500;
1938		line-height: 1.6;
1939		letter-spacing: -0.02em;
1940	}
1941
1942	.academic-review-list .org {
1943		color: #111;
1944		font-size: 1.6rem;
1945		line-height: 1.6;
1946		letter-spacing: -0.02em;
1947		margin-bottom: 16px;
1948	}
1949
1950	.academic-review-list .date {
1951		color: #111;
1952		line-height: 1.6;
1953		letter-spacing: -0.02em;
1954	}
1955
1956	/* 표준교과목 top — Figma 3126:18602 */
1957	.standard-top,
1958	.microdigri-top,
1959	.connection-top {
1960		background: #F3F6FB;
1961		padding: 80px 0;
1962	}
1963
1964	.standard-top .max-box {
1965		display: flex;
1966		flex-direction: column;
1967		gap: 40px;
1968	}
1969
1970	.standard-intro {
1971		display: flex;
1972		align-items: center;
1973		gap: 60px;
1974		padding: 32px;
1975		background: #fff;
1976		border-radius: 12px;
1977		border: 1px solid #eee;
1978	}
1979
1980	.standard-campus img {
1981		border-radius: 12px;
1982	}
1983
1984	.standard-intro .txt-box {
1985		flex: 1 0 0;
1986		min-width: 0;
1987		display: flex;
1988		flex-direction: column;
1989		gap: 20px;
1990	}
1991
1992	.standard-intro .txt-box .tit {
1993		color: #000;
1994		font-size: 3.6rem;
1995		font-weight: 600;
1996		line-height: 1.6;
1997	}
1998
1999	.standard-intro .txt-box .desc {
2000		color: #000;
2001		font-size: 1.6rem;
2002		font-weight: 400;
2003		line-height: 1.81;
2004	}
2005
2006	.standard-intro .txt-box .desc b {
2007		font-weight: 500;
2008	}
2009
2010	.standard-summary {
2011		display: flex;
2012		align-items: stretch;
2013		gap: 24px;
2014		padding: 32px;
2015		background: #fff;
2016		border: 1px solid #eee;
2017		border-radius: 12px;
2018	}
2019
2020	.standard-summary .stat-list {
2021		flex-shrink: 0;
2022		width: 424px;
2023		display: flex;
2024		flex-direction: column;
2025		gap: 24px;
2026	}
2027
2028	.standard-summary .stat-list li {
2029		display: flex;
2030		justify-content: space-between;
2031		gap: 16px;
2032		padding: 31px;
2033		background: #f9f9f9;
2034		border: 1px solid #eee;
2035		border-radius: 12px;
2036		flex: 1;
2037	}
2038
2039	.standard-summary .stat-list .label {
2040		color: #000;
2041		font-size: 1.6rem;
2042		font-weight: 500;
2043		line-height: 1.6;
2044		white-space: nowrap;
2045	}
2046
2047	.standard-summary .stat-list .count {
2048		display: flex;
2049		align-items: flex-end;
2050		color: #001133;
2051		gap: 4px;
2052	}
2053
2054	.standard-summary .stat-list .count b {
2055		font-size: 4.8rem;
2056		font-weight: 500;
2057		line-height: 1;
2058	}
2059
2060	.standard-summary .stat-list .count i {
2061		font-style: normal;
2062		font-size: 1.8rem;
2063		font-weight: 400;
2064		line-height: 1;
2065		padding-bottom: 4px;
2066	}
2067
2068	.standard-summary .table-box {
2069		flex: 1 0 0;
2070		min-width: 0;
2071		align-self: stretch;
2072		overflow: hidden;
2073		border-radius: 12px;
2074	}
2075
2076	.standard-summary .table-box table th, .standard-summary .table-box table td {
2077		height: 52px;
2078		padding: 12px 19px;
2079	}
2080
2081	.table-box table td.border-left {
2082		border-left: 1px solid #eee;
2083	}
2084
2085	.sub-wrap.microdigri .md-title-row td {
2086		text-align: left;
2087		font-weight: 600;
2088		background: #f9f9f9;
2089	}
2090
2091	.sub-wrap.microdigri .md-title-label {
2092		display: block;
2093		margin-bottom: 2px;
2094		font-size: 1.2rem;
2095		font-weight: 500;
2096		color: #999;
2097		line-height: 1.6;
2098	}
2099
2100	.sub-wrap.microdigri .md-title-name {
2101		display: block;
2102	}
2103
2104	.tab-area {
2105		width: fit-content;
2106		padding: 10px;
2107		background: rgba(0, 87, 255, 0.03);
2108		border-radius: 6px;
2109		margin: 0 auto 60px;
2110		backdrop-filter: blur(12.50px);
2111		gap: 12px;
2112		display: flex;
2113		overflow-x: auto;
2114		width: fit-content;
2115		max-width: 100%;
2116	}
2117
2118	.tab-area a {
2119		display: block;
2120		padding: 17px 24.3px;
2121		border-radius: 6px;
2122		color: #999;
2123		font-size: 1.6rem;
2124		font-weight: 500;
2125		line-height: 1.6;
2126		transition: .3s ease-out;
2127		white-space: nowrap;
2128	}
2129
2130	.tab-area a:hover {
2131		color: #000;
2132	}
2133
2134	.tab-area a.on {
2135		background: #0057FF;
2136		color: #fff;
2137		font-weight: 600;
2138	}
2139
2140	/* 표준교과목 검색 — Figma 3153:16469 */
2141	.standard-search {
2142		display: flex;
2143		align-items: center;
2144		justify-content: space-between;
2145		gap: 24px;
2146		margin-bottom: 24px;
2147	}
2148
2149	.standard-search .level-filter {
2150		display: flex;
2151		align-items: center;
2152		gap: 8px;
2153		user-select: none;
2154		-webkit-user-select: none;
2155	}
2156
2157	.standard-search .level-filter a,
2158	.standard-search .level-filter button {
2159		display: flex;
2160		align-items: center;
2161		justify-content: center;
2162		padding: 9.5px 20px;
2163		border: 1px solid #ccc;
2164		border-radius: 500px;
2165		background: transparent;
2166		color: #999;
2167		font-family: inherit;
2168		font-size: 1.6rem;
2169		font-weight: 500;
2170		line-height: 1.6;
2171		letter-spacing: -0.02em;
2172		cursor: pointer;
2173		user-select: none;
2174		-webkit-user-select: none;
2175		-webkit-user-drag: none;
2176		transition: .3s ease-out;
2177	}
2178
2179	.standard-search .level-filter a:hover,
2180	.standard-search .level-filter button:hover {
2181		color: black;
2182	}
2183
2184	.standard-search .level-filter a.on,
2185	.standard-search .level-filter button.on {
2186		border-color: #0057FF;
2187		color: #0057FF;
2188		font-weight: 600;
2189	}
2190
2191	.standard-search .search-input {
2192		padding: 3px 4px 3px 0;
2193		border: 1px solid #eee;
2194		border-left: unset;
2195		border-radius: 0 500px 500px 0;
2196	}
2197
2198	.ss-main.search-select {
2199		height: 50px !important;
2200		padding: 0 8px 0 24px !important;
2201		background-color: transparent !important;
2202		border-color: #eee !important;
2203		border-right: unset !important;
2204		color: black !important;
2205		font-weight: 400 !important;
2206		border-radius: 500px 0 0 500px !important;
2207	}
2208
2209	.ss-main.search-select.ss-open-below {
2210		border-radius: 20px 0 0 0 !important;
2211	}
2212
2213	.ss-main.search-select.ss-open-above {
2214		border-radius: 0 0 0 20px !important;
2215	}
2216
2217	.ss-main.search-select .ss-values {
2218		line-height: 48px !important;
2219	}
2220
2221	.ss-main.search-select .ss-placeholder {
2222		color: black !important;
2223	}
2224
2225	.ss-main.search-select .ss-arrow {
2226		width: 16px;
2227		height: 100%;
2228		background-image: url('/image/sel_arrow_black.svg');
2229	}
2230
2231	.ss-main.search-select .ss-deselect {
2232		display: none;
2233	}
2234
2235	.ss-content.search-select .ss-list {
2236		border-radius: 0 0 12px 12px !important;
2237		border-color: #eee !important;
2238		border-top: 0 !important;
2239		margin-top: 0;
2240		padding: 0;
2241	}
2242
2243	/* 닫힌 SlimSelect 레이어가 필터/페이지 클릭을 가로채지 않도록 */
2244	.ss-content {
2245		pointer-events: none !important;
2246	}
2247
2248	.ss-content.ss-open,
2249	.ss-content.ss-open-below,
2250	.ss-content.ss-open-above {
2251		pointer-events: auto !important;
2252	}
2253
2254	.table-wrap tbody tr.is-hide {
2255		display: none;
2256	}
2257
2258	.ss-content.search-select .ss-list .ss-option {
2259		color: black !important;
2260		height: 46px !important;
2261		line-height: 46px !important;
2262		padding: 0 24px !important;
2263		font-weight: 400 !important;
2264	}
2265
2266	.ss-content.search-select .ss-list .ss-option:hover {
2267		background: #F2F8FF !important;
2268		color: #0057FF !important;
2269	}
2270
2271	.ss-content.search-select.ss-open-above .ss-list {
2272		border-radius: 12px 12px 0 0 !important;
2273		border-bottom: 0 !important;
2274		border-top: 1px solid #eee !important;
2275		padding: 0 24px !important;
2276	}
2277
2278	.standard-search .search-form .select-box {
2279		position: relative;
2280		flex-shrink: 0;
2281		width: 144px;
2282	}
2283
2284	.standard-search .search-form input[type="text"] {
2285		max-width: 320px;
2286		width: 100%;
2287		padding: 0 16px;
2288		border: 0;
2289		background: transparent;
2290		color: #000;
2291		font-size: 1.5rem;
2292		font-weight: 400;
2293		line-height: 1.6;
2294		letter-spacing: -0.02em;
2295	}
2296
2297	.standard-search .search-form input[type="text"]::placeholder {
2298		color: #999;
2299	}
2300
2301	.standard-search .search-form .btn-search {
2302		flex-shrink: 0;
2303		display: flex;
2304		align-items: center;
2305		justify-content: center;
2306		width: 42px;
2307		height: 42px;
2308		border: 0;
2309		border-radius: 50%;
2310		background: #0057FF;
2311		cursor: pointer;
2312		transition: .3s ease-out;
2313	}
2314
2315	.standard-search .search-form .btn-search:hover {
2316		opacity: 0.9;
2317	}
2318
2319	.standard-search .search-form .btn-search img {
2320		width: 20px;
2321		height: 20px;
2322		display: block;
2323	}
2324
2325	/* 마이크로디그리 특화형 카드 — Figma 3188:19429 */
2326	.special-card-list {
2327		display: grid;
2328		grid-template-columns: repeat(3, 1fr);
2329		gap: 24px;
2330		align-items: stretch;
2331	}
2332
2333	.special-card-list.connection {
2334		grid-template-columns: repeat(4, 1fr);
2335	}
2336
2337	.special-card-list .special-card {
2338		display: flex;
2339		flex-direction: column;
2340		gap: 24px;
2341		height: 100%;
2342		padding: 31px;
2343		background: #fff;
2344		border: 1px solid #eee;
2345		border-radius: 12px;
2346		transition: .3s ease-out;
2347	}
2348
2349	.special-card-list .special-card:hover {
2350		border-color: #0057FF;
2351		box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.10);
2352	}
2353
2354	.special-card-list .special-card-head {
2355		display: flex;
2356		align-items: center;
2357		gap: 20px;
2358	}
2359
2360	.special-card-list .special-card-info {
2361		flex: 1 1 auto;
2362		min-width: 0;
2363		display: flex;
2364		flex-direction: column;
2365		justify-content: center;
2366		gap: 8px;
2367	}
2368
2369	.special-card-list .univ-name {
2370		color: #0057FF;
2371		font-size: 1.6rem;
2372		font-weight: 500;
2373		line-height: 1.6;
2374		letter-spacing: -0.02em;
2375	}
2376
2377	.special-card-list .summary {
2378		color: #000;
2379		font-size: 1.8rem;
2380		font-weight: 500;
2381		line-height: 1.6;
2382		letter-spacing: -0.02em;
2383	}
2384
2385	.special-card-list .special-card-logo {
2386		display: flex;
2387		align-items: center;
2388		justify-content: center;
2389		flex-shrink: 0;
2390		width: 80px;
2391		height: 80px;
2392		border-radius: 500px;
2393	}
2394
2395	.special-card-list.connection .special-card-logo {
2396		width: 60px;
2397		height: 60px;
2398	}
2399
2400	.special-card-list:not(.connection) .special-card-mds {
2401		display: grid;
2402		grid-template-columns: repeat(2, 1fr);
2403		gap: 8px;
2404		width: 100%;
2405	}
2406
2407	.special-card-list .special-card-mds li {
2408		display: flex;
2409		align-items: center;
2410		padding: 8px 12px;
2411		background: #f9f9f9;
2412		border-radius: 6px;
2413		color: #000;
2414		line-height: 1.572;
2415	}
2416
2417	div .more-button {
2418		width: 280px;
2419		height: 50px;
2420		border-radius: 6px;
2421		display: flex;
2422		align-items: center;
2423		gap: 8px;
2424		color: #0057FF;
2425		font-weight: 600;
2426		justify-content: space-between;
2427		padding: 0 20px;
2428		border: 1px solid #0057FF;
2429		transition: .3s ease-out;
2430	}
2431
2432	div .more-button:hover {
2433		background: #0057FF;
2434	}
2435
2436	div .more-button .txt {
2437		color: #0057ff;
2438		transition: .3s ease-out;
2439	}
2440
2441	div .more-button:hover .txt {
2442		color: white;
2443	}
2444
2445	div .more-button .icon-box {
2446		width: 20px;
2447		height: 20px;
2448		display: flex;
2449		align-items: center;
2450		justify-content: center;
2451		position: relative;
2452	}
2453
2454	div .more-button .icon-box img {
2455		position: absolute;
2456		left: 0;
2457		top: 0;
2458		opacity: 0;
2459		transition: .3s ease-out;
2460	}
2461
2462	div .more-button .icon-box img.arrow-blue {
2463		opacity: 1;
2464	}
2465
2466	div .more-button:hover .icon-box img.arrow-white {
2467		opacity: 1;
2468	}
2469
2470	div .more-button:hover .icon-box img.arrow-blue {
2471		opacity: 0;
2472	}
2473
2474	div .play-button {
2475		display: flex;
2476		align-items: center;
2477		justify-content: center;
2478		width: 26px;
2479		height: 26px;
2480		background: #fff;
2481		border: 1px solid #0057FF;
2482		border-radius: 500px;
2483		margin: 0 auto;
2484	}
2485
2486	div .play-button img {
2487		position: relative;
2488		left: 1px;
2489	}
2490
2491	.popup .popup-inner {
2492		padding: 32px;
2493		border-radius: 24px;
2494	}
2495
2496	.popup .popup-title h2 {
2497		font-size: 22px;
2498		font-weight: 500;
2499		line-height: 1.6;
2500	}
2501
2502	.popup .popup-cont {
2503		margin-top: 24px;
2504	}
2505
2506
2507	.mobile-inner {
2508		position: fixed;
2509		top: 0;
2510		padding-bottom: 30px;
2511		height: 100dvh;
2512		width: 300px;
2513		background: black;
2514		z-index: 13;
2515	}
2516
2517
2518	.mobile-inner.right-move {
2519		right: -130%;
2520	}
2521
2522	.mobile-inner .header-nav .depth1 > li > a {
2523		display: block;
2524		padding: 20px;
2525	}
2526
2527	.mobile-inner .header-nav .depth1 li a span {
2528		color: white;
2529		font-size: 20px;
2530		font-weight: 500;
2531		line-height: 32px;
2532		display: block;
2533
2534	}
2535
2536	.mobile-inner .dropdown .depth2 {
2537		display: none;
2538	}
2539
2540	.mobile-inner .dropdown .depth2 li {
2541		background: #F3F4F7;
2542	}
2543
2544	.mobile-inner .dropdown .depth2 li:nth-of-type(1) {
2545		padding-top: 17.5px;
2546	}
2547
2548	.mobile-inner .dropdown .depth2 li:last-of-type {
2549		padding-bottom: 17.5px;
2550	}
2551
2552	.mobile-inner .dropdown .depth2 li a {
2553		font-size: 16px;
2554		font-weight: 400;
2555		line-height: 25.60px;
2556		display: block;
2557		padding: 7.5px 20px;
2558	}
2559
2560	.mobile-inner .dropdown .depth2 li a.on {
2561		color: #0057FF;
2562	}
2563
2564	.mobile-inner .header-nav .depth1 > li.on > a {
2565		color: var(--danger);
2566	}
2567
2568	.mobile-inner .header-nav .depth1 > li > ul {
2569		top: initial;
2570		left: initial;
2571	}
2572
2573	.mobile-inner .header-nav .depth2 > li.on > a {
2574		color: var(--danger);
2575	}
2576
2577	.mobile-inner .header-nav .depth3 > li.on > a {
2578		color: var(--danger);
2579	}
2580
2581	.block610 {
2582		display: none;
2583	}
2584
2585	@media screen and (max-width: 1500px) {
2586		.competition-head .desc br,
2587		.exhibition-top-txt .desc br {
2588			display: none;
2589		}
2590	}
2591
2592	@media screen and (max-width: 1480px) {
2593		#sub .sub-wrap.k-mooc .tit-area .sub-tit br {
2594			display: none;
2595		}
2596	}
2597
2598	@media screen and (max-width: 1420px) {
2599		.starship-support-list .desc br {
2600			display: none;
2601		}
2602	}
2603
2604	@media screen and (max-width: 1400px) {
2605		#footer .footer-univ-list li {
2606			width: calc(33.3334% - 8px);
2607		}
2608
2609		.academic-left {
2610			flex: 0 0 52%;
2611			width: 52%;
2612		}
2613
2614		.academic-img {
2615			height: auto;
2616			aspect-ratio: 708 / 401;
2617		}
2618
2619		.exhibition-top-img {
2620			flex: 0 0 48%;
2621			width: 48%;
2622			height: auto;
2623			aspect-ratio: 708 / 444;
2624		}
2625
2626		.exhibition-booth-img {
2627			flex: 0 0 55%;
2628			width: 55%;
2629			height: auto;
2630			aspect-ratio: 870 / 540;
2631		}
2632
2633		.competition-inner {
2634			gap: 40px;
2635		}
2636
2637		.competition-right {
2638			flex: 0 0 40%;
2639			width: 40%;
2640		}
2641
2642		.credit-program-left {
2643			flex: 0 0 52%;
2644			width: 52%;
2645		}
2646
2647		.credit-program-img {
2648			height: auto;
2649			aspect-ratio: 708 / 401;
2650		}
2651
2652		.credit-program-box:last-child .credit-program-left .desc br {
2653			display: none;
2654		}
2655
2656		.exhibition-top-inner, .academic-top-inner {
2657			gap: 40px;
2658		}
2659	}
2660
2661	@media screen and (max-width: 1360px) {
2662		.connection-top .desc br {
2663			display: none;
2664		}
2665	}
2666
2667	@media screen and (max-width: 1320px) {
2668		/* ==================================================
2669			메인
2670		================================================== */
2671		#mVisual .around-text {
2672			font-size: 4rem;
2673		}
2674
2675		#mVisual .bracket-text {
2676			font-size: 7rem;
2677			position: relative;
2678			top: 4px;
2679		}
2680
2681		#typing-text {
2682			font-size: 5rem;
2683		}
2684
2685		#mVisual .around-text:nth-of-type(2) {
2686			margin-top: -20px;
2687		}
2688
2689		#mVisual .typed-cursor {
2690			font-size: 6rem;
2691		}
2692
2693		.standard-intro .standard-campus {
2694			width: 55%;
2695		}
2696
2697		.standard-intro .txt-box .tit {
2698			font-size: 3rem;
2699		}
2700
2701		.standard-intro .txt-box .desc {
2702			font-size: 1.5rem;
2703		}
2704
2705		.employment-right {
2706			align-self: flex-start;
2707		}
2708	}
2709
2710	@media screen and (max-width: 1280px) {
2711		#sVisual .sub-nav-inner {
2712			padding: 0;
2713		}
2714
2715		.sub-nav-list a {
2716			font-size: 1.6rem;
2717		}
2718
2719		.sub-wrap .tab-scroll {
2720			display: flex;
2721			width: calc(100% + 40px);
2722			margin-left: -20px;
2723			margin-right: -20px;
2724			overflow-x: auto;
2725			-webkit-overflow-scrolling: touch;
2726			scrollbar-width: none;
2727		}
2728
2729		.sub-wrap .tab-scroll::-webkit-scrollbar {
2730			display: none;
2731		}
2732
2733		.sub-wrap .tab-scroll::before,
2734		.sub-wrap .tab-scroll::after {
2735			content: '';
2736			flex: 1 0 20px;
2737		}
2738
2739		.sub-wrap .tab-scroll .tab-area {
2740			flex: 0 0 auto;
2741			width: max-content;
2742			max-width: none;
2743			margin-left: 0;
2744			margin-right: 0;
2745			overflow: visible;
2746		}
2747
2748		#header .header-inner .header-row {
2749			justify-content: space-between;
2750		}
2751
2752		.header-column.logo-column {
2753			position: static;
2754			transform: unset;
2755		}
2756
2757		#header .gnb-list.pc .depth2 a {
2758			font-size: 15px;
2759			padding: 0 15px;
2760		}
2761
2762		#programSection .program-swiper .text-box {
2763			padding: 20px;
2764		}
2765
2766		#programSection .program-swiper .txt1 {
2767			font-size: 1.8rem;
2768		}
2769
2770		#programSection .cont-area, #clusterSection .cont-area {
2771			margin-top: 40px;
2772		}
2773
2774		.standard-intro {
2775			gap: 30px;
2776		}
2777
2778		.standard-summary .stat-list .count b {
2779			font-size: 4rem;
2780		}
2781
2782		.connection-top .tit {
2783			font-size: 2rem;
2784		}
2785
2786		.special-card-list.connection {
2787			grid-template-columns: repeat(3, 1fr);
2788		}
2789
2790		.academic-points li {
2791			min-height: unset;
2792		}
2793	}
2794
2795	@media (max-width: 1120px) {
2796		.standard-summary .stat-list {
2797			width: 375px;
2798		}
2799
2800		.starship-support-list {
2801			gap: 15px;
2802			flex-wrap: wrap;
2803		}
2804
2805		.starship-support-list li {
2806			min-width: calc(33.3334% - 12px);
2807		}
2808	}
2809
2810	@media (max-width: 1024px) {
2811		.credit-program-inner {
2812			gap: 30px;
2813		}
2814
2815		.credit-program-left {
2816			flex: 0 0 59%;
2817			width: 59%;
2818		}
2819
2820		.connection-top .tit {
2821			letter-spacing: -0.5px;
2822		}
2823	}
2824
2825	@media screen and (max-width: 970px) {
2826		/* ==================================================
2827		메인
2828	================================================== */
2829		#mVisual .typing-box {
2830			margin-top: 0;
2831		}
2832
2833		#mVisual .around-text {
2834			font-size: 3rem;
2835		}
2836
2837		#typing-text {
2838			font-size: 4rem;
2839		}
2840
2841		#mVisual .bracket-text {
2842			font-size: 5rem;
2843			top: 2px;
2844		}
2845
2846		#mVisual .typed-cursor {
2847			font-size: 4.5rem;
2848			top: 2px;
2849		}
2850
2851		#mVisual .around-text:nth-of-type(2) {
2852			margin-top: 5px;
2853		}
2854	}
2855
2856	@media screen and (max-width: 960px) {
2857		#header.sub_header {
2858			height: 90px;
2859		}
2860
2861		#header .header-inner .header-row {
2862			height: 70px;
2863		}
2864
2865		.header-column.logo-column img {
2866			width: 220px;
2867		}
2868
2869		.gnb-list.pc .depth1 a span {
2870			font-size: 15px;
2871			padding-left: 15px;
2872			padding-right: 15px;
2873		}
2874
2875		#header .gnb-list.pc .depth2 {
2876			padding-top: 8px;
2877			top: 70px;
2878		}
2879
2880		#header .gnb-list.pc .depth2 a {
2881			font-size: 14px;
2882			height: 50px;
2883		}
2884
2885		.tit-area .tit {
2886			font-size: 3.5rem;
2887		}
2888
2889		.tit-area .sub-tit {
2890			font-size: 1.5rem;
2891		}
2892
2893		#footer .logo-column img {
2894			width: 250px;
2895		}
2896
2897		#footer .link-list {
2898			gap: 20px;
2899		}
2900
2901		#footer .link-list li {
2902			font-size: 1.4rem;
2903		}
2904
2905		#footer .link-column {
2906			flex-direction: column;
2907			align-items: flex-start;
2908			gap: 20px;
2909		}
2910
2911		#footer .link-column > p {
2912			font-size: 1.1rem;
2913		}
2914
2915		#sVisual .visual-inner {
2916			height: 270px;
2917		}
2918
2919		#sVisual .txt-box h2 {
2920			font-size: 3.9rem;
2921		}
2922
2923		.sub-nav-list li {
2924			min-width: unset;
2925		}
2926
2927		.sub-nav-list a {
2928			height: 60px;
2929			padding: 0 15px;
2930			white-space: nowrap;
2931		}
2932
2933		#programSection .section-body,
2934		#newsSection .section-body {
2935			padding-top: 90px;
2936			padding-bottom: 90px;
2937		}
2938
2939		#newsSection .notice-list .tit,
2940		#newsSection .press-card .tit {
2941			font-size: 1.6rem;
2942		}
2943
2944		#newsSection .notice-list {
2945			padding-top: 20px;
2946			gap: 20px;
2947		}
2948
2949		#newsSection .notice-list li {
2950			padding-bottom: 20px;
2951		}
2952
2953		#newsSection .press-list li {
2954			width: calc(50% - 12px);
2955		}
2956
2957		#newsSection .press-card {
2958			padding: 20px;
2959			height: 100%;
2960			gap: 20px;
2961		}
2962
2963		#footer .footer-univ-list .name {
2964			font-size: 1.4rem;
2965		}
2966
2967		#footer .footer-univ-list .logo-circle {
2968			width: 35px;
2969			height: 35px;
2970			padding: 3px;
2971		}
2972
2973		#footer .footer-univ-list a {
2974			padding: 9px 9px 9px 12px
2975		}
2976
2977		#sub .tit-area .tit {
2978			font-size: 4rem;
2979		}
2980
2981		#sub .tit-area .dash-txt {
2982			font-size: 1.4rem;
2983		}
2984
2985		#sub .sub-wrap section {
2986			padding-top: 90px;
2987		}
2988
2989		#sub .tit-area .sub-tit {
2990			margin-top: 20px;
2991			font-size: 1.7rem;
2992		}
2993
2994		#sub .sub-wrap.starship .cont-area {
2995			margin-top: 30px;
2996		}
2997
2998		.starship-top {
2999			margin-bottom: 0;
3000		}
3001
3002		.section-sec-tit {
3003			font-size: 3.2rem;
3004		}
3005
3006		.section-sec-tit {
3007			margin-bottom: 30px;
3008		}
3009
3010		.starship-journey-row {
3011			gap: 9px;
3012		}
3013
3014		.starship-journey-wrap {
3015			gap: 40px;
3016		}
3017
3018		.starship-step-card {
3019			padding: 20px;
3020			gap: 20px;
3021		}
3022
3023		.starship-step-num {
3024			width: 40px;
3025			height: 40px;
3026			font-size: 1.4rem;
3027		}
3028
3029		.starship-step-head {
3030			gap: 12px;
3031			padding-bottom: 20px;
3032		}
3033
3034		.starship-step-txt .tit {
3035			font-size: 1.9rem;
3036		}
3037
3038		.starship-step-txt .slogan {
3039			font-size: 1.3rem;
3040		}
3041
3042		.dot-list li {
3043			font-size: 1.5rem;
3044		}
3045
3046		.starship-benefit-card {
3047			padding: 20px;
3048		}
3049
3050		.starship-benefit-card .tit, .starship-support-list .tit {
3051			font-size: 1.6rem;
3052		}
3053
3054		.starship-support-list li {
3055			padding: 20px;
3056		}
3057
3058		.starship-support-list {
3059			gap: 15px;
3060		}
3061
3062		.section-third-tit {
3063			font-size: 2.7rem;
3064		}
3065
3066		.badge-point {
3067			padding: 5px 10px;
3068		}
3069
3070		.competition-head .desc, .exhibition-top-txt .desc, .exhibition-booth-head .desc, .credit-program-left .desc, .academic-head .desc {
3071			font-size: 1.5rem;
3072		}
3073
3074		.credit-program-points .tit, .academic-points .tit {
3075			font-size: 1.6rem;
3076		}
3077
3078		.credit-program-points .desc,
3079		.academic-points .desc {
3080			font-size: 1.3rem;
3081		}
3082
3083		.credit-program-points li {
3084			gap: 10px;
3085			min-height: 129px;
3086		}
3087
3088		.academic-points li {
3089			gap: 10px;
3090		}
3091
3092		.credit-program-points .txt {
3093			gap: 5px;
3094		}
3095
3096		.competition-card {
3097			padding: 25px;
3098		}
3099
3100		.competition-left {
3101			gap: 20px;
3102		}
3103
3104		.competition-head {
3105			padding-bottom: 0;
3106			border-bottom: none;
3107		}
3108
3109		.competition-inner {
3110			gap: 30px;
3111		}
3112
3113		.competition-info .track-box {
3114			gap: 16px;
3115		}
3116
3117		.competition-info .track-badge,
3118		.competition-info .track-row .label,
3119		.competition-info .track-row .value,
3120		.employment-card .track-box .track-desc {
3121			font-size: 1.4rem;
3122		}
3123
3124		.competition-info .track-row {
3125			gap: 10px;
3126		}
3127
3128		.competition-inner {
3129			flex-direction: column;
3130		}
3131
3132		.competition-right {
3133			width: 100%;
3134			flex: unset;
3135		}
3136
3137		.competition-img, .employment-img {
3138			max-width: 500px;
3139			margin: 0 auto;
3140		}
3141
3142		.competition-info,
3143		.competition-info .benefit-row {
3144			padding-top: 20px;
3145			border-top: 1px solid #eee;
3146		}
3147
3148		.competition-info .benefit-row {
3149			flex-direction: column;
3150			gap: 12px;
3151		}
3152
3153		.competition-info .tag {
3154			font-size: 1.3rem;
3155		}
3156
3157		.competition-list {
3158			gap: 30px;
3159		}
3160
3161		.competition-info .benefit-row.dot-list .txt {
3162			flex-direction: column;
3163			gap: 5px;
3164		}
3165
3166		.standard-intro,
3167		.standard-summary {
3168			padding: 20px;
3169			gap: 20px;
3170		}
3171
3172		.standard-intro .txt-box {
3173			gap: 10px;
3174		}
3175
3176		.standard-intro .txt-box .tit {
3177			font-size: 2.6rem;
3178		}
3179
3180		.standard-intro .txt-box .desc {
3181			font-size: 1.4rem;
3182		}
3183
3184		.standard-summary .stat-list .count b {
3185			font-size: 3rem;
3186		}
3187
3188		.standard-summary .stat-list li {
3189			padding: 20px;
3190		}
3191
3192		.standard-summary .stat-list .label {
3193			font-size: 1.5rem;
3194		}
3195
3196		.standard-summary .stat-list .count i {
3197			font-size: 1.6rem;
3198		}
3199
3200		.standard-summary .stat-list {
3201			width: 320px;
3202		}
3203
3204		.table-box table th, .table-box table td {
3205			font-size: 1.5rem;
3206		}
3207
3208		.tab-area a {
3209			font-size: 1.5rem;
3210			padding: 10px 15px;
3211		}
3212
3213		.tab-area {
3214			margin: 0 auto 40px;
3215		}
3216
3217		.standard-search .level-filter a, .standard-search .level-filter button {
3218			font-size: 1.5rem;
3219			padding: 6px 15px;
3220		}
3221
3222		.col-univ {
3223			width: 120px !important;
3224		}
3225
3226		.micro-info-box,
3227		.micro-step-card {
3228			padding: 20px;
3229		}
3230
3231		.micro-step-card .tit,
3232		.connection-top .tit {
3233			font-size: 1.8rem;
3234		}
3235
3236		.connection-step-card,
3237		.special-card-list .special-card {
3238			padding: 20px;
3239		}
3240
3241		.connection-step-list,
3242		.special-card-list {
3243			gap: 16px;
3244		}
3245
3246		.special-card-list .univ-name {
3247			font-size: 1.5rem;
3248		}
3249
3250		.special-card-list .summary, .academic-review-list .review-tit {
3251			font-size: 1.7rem;
3252		}
3253
3254		.special-card-list.connection .special-card-logo {
3255			width: 60px;
3256			height: 60px;
3257		}
3258
3259		.exhibition-top-inner, .exhibition-top-inner {
3260			gap: 30px;
3261		}
3262
3263		.exhibition-top-txt .desc {
3264			margin-bottom: 14px;
3265		}
3266
3267		.exhibition-acc, .academic-review-list li {
3268			padding: 20px;
3269		} {
3270		padding: 30px;
3271	}
3272		.exhibition-acc-item .acc-tit {
3273			font-size: 1.8rem;
3274		}
3275
3276		.exhibition-acc-item .acc-desc, .academic-review-list .name, .academic-review-list .org {
3277			font-size: 1.5rem;
3278		}
3279
3280		.exhibition-acc-item .acc-btn {
3281			padding: 20px 0;
3282		}
3283
3284		.academic-left {
3285			gap: 30px;
3286		}
3287
3288		.academic-review-list .review-ico {
3289			flex: 0 0 22px;
3290			width: 22px;
3291			height: 22px;
3292		}
3293
3294		.academic-review-list .review-top {
3295			gap: 10px;
3296		}
3297
3298		.academic-review-list {
3299			gap: 16px;
3300		}
3301	}
3302
3303	@media screen and (max-width: 850px) {
3304		.standard-intro .txt-box .desc br {
3305			display: none;
3306		}
3307	}
3308
3309	@media screen and (max-width: 810px) {
3310		.credit-program-box .credit-program-left .desc br {
3311			display: none;
3312		}
3313	}
3314
3315	@media screen and (max-width: 780px) {
3316		/* ==================================================
3317		메인
3318	================================================== */
3319		#mVisual .around-text {
3320			font-size: 2.5rem;
3321		}
3322
3323		#typing-text {
3324			font-size: 3.4rem;
3325		}
3326
3327		#mVisual .bracket-text {
3328			font-size: 4rem;
3329		}
3330
3331		#mVisual .typed-cursor {
3332			font-size: 4rem;
3333		}
3334	}
3335
3336	@media screen and (max-width: 768px) {
3337		#header.sub_header {
3338			height: 66px;
3339		}
3340
3341		#header .header-inner .header-row {
3342			height: 56px;
3343			padding-left: 15px;
3344			padding-right: 15px;
3345			top: 10px;
3346			width: calc(100% - 20px);
3347			left: 10px;
3348		}
3349
3350		.header-column.logo-column img {
3351			width: 175px;
3352		}
3353
3354		.quick .top-btn {
3355			width: 40px;
3356			height: 40px;
3357		}
3358
3359		.wrapper .quick .top-btn p {
3360			display: none;
3361		}
3362
3363		.wrapper .quick .quick-menu-box {
3364			position: fixed;
3365			width: 100%;
3366			bottom: 0;
3367			left: 0;
3368			border-radius: unset;
3369			display: flex;
3370		}
3371
3372		.wrapper .quick-menu-box .quick-menu-btn.lms-btn {
3373			border-radius: unset;
3374		}
3375
3376		.wrapper .quick .quick-menu-btn {
3377			width: auto;
3378			flex: 1;
3379			height: 75px;
3380			position: static;
3381			opacity: 1;
3382		}
3383
3384		.wrapper .quick-menu-btn.quick-open {
3385			display: none;
3386		}
3387
3388		.wrapper .quick .quick-menu-btn p {
3389			font-size: 1.1rem;
3390		}
3391
3392		#footer {
3393			padding-bottom: 75px;
3394		}
3395
3396		#footer .footer-inner {
3397			padding: 40px 0;
3398		}
3399
3400		#footer .logo-column {
3401			flex-direction: column;
3402			align-items: flex-start;
3403			gap: 20px;
3404		}
3405
3406		#footer .footer-row + .footer-row {
3407			margin-top: 30px;
3408		}
3409
3410		.quick {
3411			bottom: 90px;
3412			right: 15px;
3413		}
3414
3415		.micro-step-list {
3416			grid-template-columns: 1fr;
3417		}
3418
3419		#footer .social-list li a {
3420			width: 40px;
3421			height: 40px;
3422			background-size: 19.5px;
3423		}
3424
3425		.ss-main.family-select {
3426			width: 150px !important;
3427		}
3428
3429		.ss-main {
3430			height: 40px !important;
3431		}
3432
3433		.ss-main .ss-values {
3434			line-height: 38px;
3435		}
3436
3437		.ss-content .ss-list .ss-option {
3438			height: 35px !important;
3439		}
3440
3441		.ss-content.family-select .ss-list {
3442			overflow-y: clip;
3443		}
3444
3445		#sVisual .visual-inner {
3446			height: 198px;
3447		}
3448
3449		#sVisual .nav-box {
3450			margin-bottom: 15px;
3451		}
3452
3453		#sVisual .txt-box h2 {
3454			font-size: 2.6rem;
3455		}
3456
3457		#sub .tit-area .tit {
3458			font-size: 2.6rem;
3459		}
3460
3461		#sub .tit-area .sub-tit {
3462			font-size: 1.4rem;
3463
3464		}
3465
3466		#sub .sub-wrap.starship .tit-area .sub-tit {
3467			letter-spacing: -0.4px;
3468		}
3469
3470		.sub-nav-list {
3471			overflow-x: auto;
3472		}
3473
3474		.sub-nav-list a {
3475			font-size: 1.4rem;
3476			height: 50px;
3477		}
3478
3479		#programSection .program-button .swiper-button-prev, #programSection .program-button .swiper-button-next {
3480			width: 40px;
3481			height: 40px;
3482		}
3483
3484		#programSection .program-button .swiper-button-prev img, #programSection .program-button .swiper-button-next img {
3485			width: 20px;
3486			height: 20px;
3487		}
3488
3489		#programSection .program-button .swiper-button-prev:hover, #programSection .program-button .swiper-button-next:hover {
3490			background: transparent;
3491			border-color: #fff;
3492		}
3493
3494		#programSection .cont-area, #clusterSection .cont-area,
3495		#newsSection .cont-area {
3496			margin-top: 30px;
3497		}
3498
3499		#newsSection .notice-list + .btn-box,
3500		#newsSection .press-list + .btn-box {
3501			margin-top: 24px;
3502		}
3503
3504		#newsSection .notice-list + .btn-box .more-btn,
3505		#newsSection .press-list + .btn-box .more-btn {
3506			margin: 0 auto;
3507		}
3508
3509		#newsSection .badge-new {
3510			padding: 4px 9px;
3511			font-size: 1.1rem;
3512		}
3513
3514		#newsSection .notice-list a {
3515			min-height: 26px;
3516			gap: 10px;
3517		}
3518
3519		#newsSection .press-card .meta {
3520			gap: 10px;
3521			margin-bottom: 10px;
3522		}
3523
3524		#newsSection .press-card {
3525			gap: 15px;
3526		}
3527
3528		#newsSection .press-list {
3529			gap: 20px;
3530		}
3531
3532		#footer .footer-univ-list a:hover {
3533			background: rgba(255, 255, 255, 0.1);
3534			border-color: rgba(238, 238, 238, 0.2);
3535		}
3536
3537		#footer .footer-univ-list a:hover .name {
3538			color: #fff;
3539		}
3540
3541		#footer .footer-univ-list a:hover .arrow-wht {
3542			opacity: 1;
3543		}
3544
3545		#footer .footer-univ-list a:hover .arrow-black {
3546			opacity: 0;
3547		}
3548
3549		#footer .social-list li:hover a {
3550			background-color: rgba(255, 255, 255, 0.1019607843);
3551		}
3552
3553		#footer .social-list .youtube-li:hover a {
3554			background-image: url('/image/youtube.svg');
3555		}
3556
3557		#footer .social-list .insta-li:hover a {
3558			background-image: url('/image/insta.svg');
3559		}
3560
3561		#footer .social-list .facebook-li:hover a {
3562			background-image: url('/image/facebook.svg');
3563		}
3564
3565		.more-btn:hover {
3566			border-color: #EEEEEE;
3567			background-color: transparent;
3568		}
3569
3570		#newsSection .notice-list a:hover .tit {
3571			color: #fff;
3572		}
3573
3574		#newsSection .press-card:hover {
3575			background: rgba(255, 255, 255, 0.1);
3576		}
3577
3578		#newsSection .press-card:hover .tit {
3579			color: #fff;
3580		}
3581
3582		#newsSection .press-card:hover .arrow-gray {
3583			opacity: 1;
3584		}
3585
3586		#newsSection .press-card:hover img {
3587			transform: translateX(0px);
3588		}
3589
3590		#newsSection .press-card:hover .arrow-blue {
3591			opacity: 0;
3592		}
3593
3594		#newsSection .press-card:hover .date {
3595			color: #ccc;
3596		}
3597
3598		#sub .sub-wrap.starship .cont-area {
3599			margin-top: 16px;
3600		}
3601
3602		.starship-journey {
3603			padding: 60px 0;
3604		}
3605
3606		.section-sec-tit {
3607			font-size: 2.6rem;
3608		}
3609
3610		.starship-step-card {
3611			gap: 16px;
3612		}
3613
3614		.starship-step-num {
3615			font-size: 1.2rem;
3616		}
3617
3618		.starship-step-txt .tit {
3619			font-size: 1.8rem;
3620		}
3621
3622		.starship-step-txt .slogan {
3623			font-size: 1.1rem;
3624		}
3625
3626		.starship-step-head {
3627			padding-bottom: 16px;
3628		}
3629
3630		.dot-list li {
3631			font-size: 1.4rem;
3632		}
3633
3634		.dot-list li::before {
3635			top: 9px;
3636		}
3637
3638		.starship-journey-row {
3639			align-items: flex-start;
3640			flex-direction: column;
3641		}
3642
3643		.starship-journey-col {
3644			width: 100%;
3645			flex: unset;
3646			min-width: unset;
3647			align-items: flex-start;
3648			background: #fff;
3649			border: 1px solid #eee;
3650			border-radius: 12px;
3651			padding: 20px;
3652		}
3653
3654		.starship-step-card {
3655			width: 100%;
3656			border: unset;
3657			padding: 0;
3658			border-radius: unset;
3659			gap: 16px;
3660		}
3661
3662		.starship-connector,
3663		.starship-journey-arrow {
3664			display: none;
3665		}
3666
3667		.starship-benefit-card {
3668			width: 100%;
3669			margin-top: 16px;
3670			padding: 16px;
3671			border: unset;
3672			background: #F2F6FC;
3673		}
3674
3675		.starship-step-head {
3676			padding-bottom: 16px;
3677		}
3678
3679		.starship-benefit-card .tit {
3680			font-size: 1.3rem;
3681			color: #0057FF;
3682			font-weight: 600;
3683		}
3684
3685		.starship-benefit-card .dot-list li {
3686			font-size: 1.3rem;
3687			padding-left: 10px;
3688		}
3689
3690		.starship-benefit-card li::before {
3691			top: 8px;
3692			width: 3px;
3693			height: 3px;
3694		}
3695
3696		.starship-journey-row {
3697			gap: 24px;
3698		}
3699
3700		.starship-support,
3701		.credit-program-box,
3702		.credit-program-box:last-child,
3703		.exhibition-top {
3704			padding: 60px 0;
3705		}
3706
3707		.starship-support-list {
3708			gap: 16px;
3709			flex-direction: column;
3710		}
3711
3712		.starship-support-list .badge {
3713			font-size: 1.1rem;
3714			padding: 2px 8px;
3715		}
3716
3717		.starship-support-list li {
3718			flex: unset;
3719			min-width: unset;
3720			width: 100%;
3721			gap: 15px;
3722		}
3723
3724		.starship-support-list .txt {
3725			gap: 5px;
3726		}
3727
3728		.starship-support-list .desc br {
3729			display: none;
3730		}
3731
3732		.section-third-tit {
3733			font-size: 2.4rem;
3734		}
3735
3736		.badge-point {
3737			font-size: 11px;
3738		}
3739
3740		.competition-head .desc, .exhibition-top-txt .desc, .exhibition-booth-head .desc, .credit-program-left .desc, .academic-head .desc {
3741			font-size: 1.4rem;
3742		}
3743
3744		.credit-program-left .tit-row,
3745		.academic-head .tit-row {
3746			flex-direction: column-reverse;
3747			align-items: flex-start;
3748			gap: 5px;
3749		}
3750
3751		div .more-button {
3752			font-size: 1.3rem;
3753			width: 200px;
3754			height: 42px;
3755		}
3756
3757		div .more-button.credit-apply-btn {
3758			width: 120px;
3759		}
3760
3761		div .more-button .icon-box {
3762			width: 16px;
3763			height: 16px;
3764		}
3765
3766		.credit-program-points li {
3767			padding: 16px;
3768			min-height: 110px;
3769		}
3770
3771		.academic-points li {
3772			padding: 16px;
3773		}
3774
3775		.credit-program-points .tit, .academic-points .tit {
3776			font-size: 1.4rem;
3777		}
3778
3779		.credit-program-points {
3780			gap: 10px;
3781		}
3782
3783		.credit-program-left {
3784			gap: 20px;
3785		}
3786
3787		div:where(.swal2-container) .swal-credit .swal2-html-container {
3788			font-size: 1.6rem;
3789		}
3790
3791		div:where(.swal2-container).swal2-center > .swal2-popup.swal-credit {
3792			padding: 20px;
3793		}
3794
3795		div:where(.swal2-container) .swal-credit-confirm, div:where(.swal2-container) .swal-credit-cancel {
3796			width: 100px;
3797			height: 40px;
3798			font-size: 1.4rem;
3799		}
3800
3801		div:where(.swal2-container) .swal-credit .swal2-actions {
3802			margin: 18px 0 0;
3803			gap: 5px;
3804		}
3805
3806		.competition-card {
3807			padding: 20px;
3808		}
3809
3810		.competition-left {
3811			gap: 16px;
3812		}
3813
3814		.competition-info {
3815			padding-top: 16px;
3816		}
3817
3818		.competition-info .dot-list .txt {
3819			flex-direction: column;
3820			gap: 3px;
3821		}
3822
3823		.competition-info .tag-row {
3824			gap: 8px;
3825		}
3826
3827		.competition-inner {
3828			gap: 16px;
3829		}
3830
3831		.competition-info .benefit-row {
3832			gap: 5px;
3833		}
3834
3835		.competition-info .track-list {
3836			flex-direction: column;
3837			gap: 10px;
3838		}
3839
3840		.sub-wrap {
3841			padding-bottom: 60px;
3842		}
3843
3844		.competition-list {
3845			gap: 24px;
3846		}
3847
3848		.competition-info .track-box {
3849			padding: 16px;
3850		}
3851
3852		.sub-wrap.roadmap .cont-area {
3853			overflow-x: auto;
3854			width: calc(100% + 40px);
3855			position: relative;
3856			left: -20px;
3857			padding: 0 20px;
3858		}
3859
3860		.sub-wrap.roadmap .cont-area img {
3861			min-width: 740px;
3862		}
3863
3864		.standard-intro {
3865			flex-direction: column;
3866		}
3867
3868		.standard-top, .microdigri-top, .connection-top {
3869			padding: 60px 0;
3870		}
3871
3872		.sub-wrap.microdigri .table-wrap .th-md,
3873		.sub-wrap.microdigri .table-wrap .col-md {
3874			display: none;
3875		}
3876
3877		.sub-wrap.microdigri .table-wrap .col-md {
3878			width: 0 !important;
3879		}
3880
3881		.sub-wrap.microdigri .table-wrap thead th:nth-of-type(2),
3882		.sub-wrap.microdigri .table-wrap tbody [data-cell="name"] {
3883			border-left: none;
3884		}
3885
3886		.sub-wrap.microdigri .table-wrap tbody [data-cell="name"] {
3887			word-break: break-all;
3888		}
3889
3890		.sub-wrap.microdigri .table-wrap .univ-break {
3891			display: block;
3892		}
3893
3894		.standard-intro .standard-campus {
3895			width: 100%;
3896		}
3897
3898		.standard-top .max-box {
3899			gap: 20px;
3900		}
3901
3902		.standard-summary {
3903			flex-direction: column;
3904		}
3905
3906		.standard-summary .stat-list {
3907			width: 100%;
3908			gap: 10px;
3909		}
3910
3911		.standard-summary {
3912			align-items: unset;
3913		}
3914
3915		.standard-summary .table-box {
3916			width: 100%;
3917			flex: unset;
3918		}
3919
3920		.standard-summary .stat-list .count {
3921			gap: 2px;
3922		}
3923
3924		.standard-summary .stat-list .label,
3925		.standard-summary .stat-list .count i {
3926			font-size: 1.4rem;
3927		}
3928
3929		.standard-summary .stat-list .count b {
3930			font-size: 2rem;
3931		}
3932
3933		.standard-summary .stat-list .count i {
3934			padding-bottom: 0;
3935		}
3936
3937		.table-box table th, .table-box table td {
3938			font-size: 1.4rem;
3939		}
3940
3941		.standard-summary .table-box table th, .standard-summary .table-box table td,
3942		.table-box.small-table table th, .table-box.small-table table td {
3943			height: 42px;
3944			padding: 9px 9px;
3945		}
3946
3947		.table-box table th, .table-box table td {
3948			height: 50px;
3949			padding: 10px 15px;
3950			letter-spacing: -0.4px;
3951		}
3952
3953		.sub-wrap.standard .mt-\[80px\] {
3954			margin-top: 60px;
3955		}
3956
3957		.sub-wrap.standard .table-wrap .col-course {
3958			width: auto !important;
3959		}
3960
3961		.sub-wrap.standard .table-wrap .col-content {
3962			width: 0 !important;
3963			display: none;
3964		}
3965
3966		.sub-wrap.standard .table-wrap .th-pc,
3967		.sub-wrap.standard .table-wrap .th-content,
3968		.sub-wrap.standard .table-wrap .td-content {
3969			display: none;
3970		}
3971
3972		.sub-wrap.standard .table-wrap .th-mo {
3973			display: inline;
3974		}
3975
3976		.sub-wrap.standard .table-wrap .td-course {
3977			text-align: left;
3978		}
3979
3980		.sub-wrap.standard .table-wrap .course-name {
3981			display: block;
3982		}
3983
3984		.sub-wrap.standard .table-wrap .course-content-mo {
3985			display: block;
3986			margin-top: 3px;
3987			font-size: 1.3rem;
3988			font-weight: 400;
3989		}
3990
3991		.sub-wrap.standard .table-wrap table td {
3992			height: auto;
3993		}
3994
3995		.tab-area a {
3996			font-size: 1.4rem;
3997		}
3998
3999		.tab-area {
4000			margin: 0 auto 30px;
4001		}
4002
4003		.standard-search .level-filter a, .standard-search .level-filter button {
4004			font-size: 1.4rem;
4005		}
4006
4007		.standard-search {
4008			flex-direction: column;
4009			gap: 10px;
4010			align-items: unset;
4011		}
4012
4013		.standard-search .search-input {
4014			flex-grow: 1;
4015		}
4016
4017		.standard-search .search-form input[type="text"] {
4018			max-width: unset;
4019		}
4020
4021		.standard-search .search-form .btn-search {
4022			width: 37px;
4023			height: 37px;
4024		}
4025
4026		.standard-search .search-form .select-box {
4027			width: 120px;
4028		}
4029
4030		.ss-main.search-select {
4031			height: 45px !important;
4032			padding: 0 8px 0 15px !important;
4033		}
4034
4035		.ss-main.search-select .ss-values {
4036			line-height: 43px !important;
4037		}
4038
4039		.ss-content.search-select .ss-list .ss-option {
4040			padding: 0 15px !important;
4041			height: 41px !important;
4042			line-height: 41px !important;
4043		}
4044
4045		.standard-search {
4046			margin-bottom: 20px;
4047		}
4048
4049		.col-univ {
4050			width: 96px !important;
4051		}
4052
4053		.col-level {
4054			width: 70px !important;
4055		}
4056
4057		.col-credit {
4058			width: 45px !important;
4059		}
4060
4061		.micro-info-box {
4062			gap: 20px;
4063		}
4064
4065		.micro-step-list {
4066			gap: 10px;
4067		}
4068
4069		.micro-step-card .num {
4070			font-size: 1.2rem;
4071			margin-bottom: 10px;
4072		}
4073
4074		.micro-step-card .tit,
4075		.connection-top .tit {
4076			font-size: 1.6rem;
4077			margin-bottom: 5px;
4078		}
4079
4080		.micro-step-ico,
4081		.connection-top .micro-step-ico {
4082			position: absolute;
4083			width: 40px;
4084			height: 40px;
4085			margin: 0;
4086			align-self: unset;
4087			right: 20px;
4088			top: 20px;
4089		}
4090
4091		.micro-step-card {
4092			position: relative;
4093		}
4094
4095		.micro-step-card .desc,
4096		.connection-top .desc {
4097			font-size: 1.3rem;
4098		}
4099
4100		.micro-step-card .desc br {
4101			display: none;
4102		}
4103
4104		.sub-wrap.microdigri .dot-list .txt {
4105			flex-direction: column;
4106			gap: 3px;
4107		}
4108
4109		.connection-step-list {
4110			flex-direction: column;
4111			gap: 10px;
4112			align-items: unset;
4113		}
4114
4115		.connection-step-card {
4116			position: relative;
4117			flex: unset;
4118			min-width: unset;
4119		}
4120
4121		.connection-top .num {
4122			margin-bottom: 10px;
4123		}
4124
4125		.connection-top .tit {
4126			letter-spacing: -0.3px;
4127		}
4128
4129		.sub-wrap.connection .mt-\[80px\] {
4130			margin-top: 60px;
4131		}
4132
4133		.sub-wrap.connection .mb-\[32px\] {
4134			margin-bottom: 30px;
4135		}
4136
4137		.special-card-list .univ-name {
4138			font-size: 1.4rem;
4139		}
4140
4141		.special-card-list .summary {
4142			font-size: 1.6rem;
4143		}
4144
4145		.special-card-list.connection .special-card-logo {
4146			width: 50px;
4147			height: 50px;
4148		}
4149
4150		.special-card-list .special-card-mds li {
4151			font-size: 1.3rem;
4152		}
4153
4154		.special-card-list .special-card-info {
4155			gap: 5px;
4156		}
4157
4158		.special-card-list .special-card {
4159			gap: 15px;
4160		}
4161
4162		.special-card-list.connection {
4163			grid-template-columns: repeat(2, 1fr);
4164		}
4165
4166		.sub-wrap.k-mooc .tit-area .sub-tit + .more-button {
4167			width: 100%;
4168			margin: 30px auto 0;
4169		}
4170
4171		.sub-wrap.k-mooc .th-break {
4172			display: block;
4173		}
4174
4175		.sub-wrap.k-mooc .connection-step-list {
4176			grid-template-columns: 1fr;
4177		}
4178
4179		.table-box table td.kmooc-course-name {
4180			word-break: break-all;
4181		}
4182
4183		.sub-wrap.k-mooc .col-credit,
4184		.col-link {
4185			width: 57px !important;
4186		}
4187
4188		.sub-wrap.competition .cont-area {
4189			margin-top: 30px;
4190		}
4191
4192		.sub-wrap.competition .section-third-tit,
4193		.sub-wrap.employment .section-third-tit {
4194			font-size: 2.2rem;
4195		}
4196
4197		.competition-info .track-box {
4198			gap: 10px;
4199		}
4200
4201		.exhibition-top-inner, .academic-top-inner {
4202			gap: 20px;
4203		}
4204
4205		.exhibition-top-txt {
4206			gap: 10px;
4207		}
4208
4209		.exhibition-top-txt .desc {
4210			margin-bottom: 6px;
4211		}
4212
4213		.exhibition-top-inner,
4214		.exhibition-booth-body {
4215			flex-direction: column;
4216		}
4217
4218		.exhibition-top-img,
4219		.exhibition-booth-img {
4220			width: 100%;
4221			flex: unset;
4222		}
4223
4224		div .more-button.credit-apply-btn {
4225			width: 100%;
4226		}
4227
4228		.exhibition-booth-head {
4229			margin-bottom: 30px;
4230		}
4231
4232		.exhibition-acc {
4233			padding: 20px;
4234		}
4235
4236		.exhibition-acc-item .acc-tit, .academic-review-list .review-tit {
4237			font-size: 1.6rem;
4238		}
4239
4240		.exhibition-acc-item .acc-desc, .academic-review-list .name, .academic-review-list .org {
4241			font-size: 1.4rem;
4242		}
4243
4244		.exhibition-acc-item .acc-btn {
4245			padding: 16px 0;
4246		}
4247
4248		.academic-left {
4249			gap: 16px;
4250		}
4251
4252		.academic-top-inner {
4253			gap: 20px;
4254		}
4255
4256		.academic-points {
4257			gap: 10px;
4258			width: 100%;
4259			flex: unset;
4260		}
4261
4262		.academic-points .txt {
4263			gap: 5px;
4264		}
4265
4266		.academic-review-list {
4267			flex-direction: column;
4268		}
4269
4270		.academic-review-list li {
4271			padding: 20px;
4272		}
4273
4274		.academic-review-list .date {
4275			font-size: 1.3rem;
4276		}
4277
4278		.academic-review-list .org {
4279			margin-bottom: 10px;
4280		}
4281
4282		.academic-review {
4283			padding-top: 50px;
4284		}
4285
4286		#main .more-btn {
4287			width: 140px;
4288			height: 42px;
4289		}
4290
4291		#footer .footer-univ-list a {
4292			padding: 9px 9px 9px 9px;
4293		}
4294
4295		#footer .footer-univ-list .arrow {
4296			display: none;
4297		}
4298
4299		#footer .footer-univ-list .name {
4300			font-size: 1.3rem;
4301		}
4302
4303		div .more-button:hover {
4304			background: transparent;
4305		}
4306
4307		div .more-button:hover .txt {
4308			color: #0057ff;
4309		}
4310
4311		div .more-button:hover .icon-box img.arrow-blue {
4312			opacity: 1;
4313		}
4314
4315		div .more-button:hover .icon-box img.arrow-white {
4316			opacity: 0;
4317		}
4318
4319		.credit-program-left,
4320		.credit-program-points,
4321		.academic-left {
4322			width: 100%;
4323			flex: unset;
4324		}
4325
4326		.credit-program-inner {
4327			flex-direction: column;
4328			gap: 24px;
4329		}
4330
4331		.academic-top-inner {
4332			flex-direction: column;
4333		}
4334	}
4335
4336	@media screen and (max-width: 680px) {
4337		/* ==================================================
4338		메인
4339	================================================== */
4340		#typing-text {
4341			font-size: 3.2rem;
4342		}
4343	}
4344
4345	@media screen and (max-width: 640px) {
4346
4347		/* ==================================================
4348		메인
4349	================================================== */
4350		#mVisual .around-text {
4351			font-size: 2.2rem;
4352		}
4353
4354		#typing-text {
4355			font-size: 3rem;
4356		}
4357
4358		#mVisual .typed-cursor {
4359			font-size: 3.5rem;
4360			top: 3px;
4361		}
4362
4363		#mVisual .scroll-down p {
4364			font-size: 1.3rem;
4365		}
4366
4367		#mVisual .scroll-img {
4368			height: 24px;
4369			position: relative;
4370			top: -2px;
4371		}
4372
4373		.tit-area .tit {
4374			font-size: 2.4rem;
4375		}
4376
4377		.tit-area .sub-tit {
4378			font-size: 1.4rem;
4379		}
4380
4381		#programSection .section-body,
4382		#newsSection .section-body {
4383			padding-top: 60px;
4384			padding-bottom: 60px;
4385		}
4386
4387		#programSection .program-swiper .txt1 {
4388			font-size: 1.6rem;
4389		}
4390
4391		#newsSection .notice-list .txt-wrap {
4392			flex-direction: column;
4393			align-items: start;
4394			gap: 3px;
4395		}
4396
4397		#newsSection .notice-list .tit {
4398			flex: unset;
4399			display: -webkit-box;
4400			-webkit-box-orient: vertical;
4401			-moz-box-orient: vertical;
4402			word-break: break-all;
4403			word-wrap: break-word;
4404			-webkit-line-clamp: 1;
4405			white-space: unset;
4406
4407		}
4408
4409		#newsSection .notice-list .date {
4410			font-size: 1.2rem;
4411		}
4412
4413		#footer .footer-univ-list {
4414			gap: 10px;
4415		}
4416
4417		#footer .footer-univ-list li {
4418			width: calc(50% - 5px);
4419		}
4420
4421		#sub .tit-area .dash-txt {
4422			font-size: 1.2rem;
4423			padding-left: 42px;
4424		}
4425
4426		#sub .tit-area .dash-txt::before {
4427			width: 32px;
4428		}
4429
4430		#sub .sub-wrap section {
4431			padding-top: 60px;
4432		}
4433
4434		.credit-program-left {
4435			gap: 12px;
4436		}
4437
4438		.credit-program-img {
4439			margin-top: 12px;
4440		}
4441
4442		.credit-program-points li {
4443			min-height: unset;
4444		}
4445
4446		.academic-points {
4447			padding-right: 0;
4448		}
4449
4450		#newsSection .press-list li {
4451			width: 100%;
4452		}
4453	}
4454
4455	@media screen and (max-width: 610px) {
4456		/* ==================================================
4457		메인
4458	================================================== */
4459		.block610 {
4460			display: block;
4461		}
4462
4463		.typing-box .block610 {
4464			height: 0;
4465			line-height: 0;
4466			font-size: 0;
4467			overflow: hidden;
4468		}
4469
4470		.typing-text-wrap,
4471		#typing-text {
4472			line-height: 1.4;
4473		}
4474
4475
4476		#mVisual .text-box {
4477			margin-top: 0;
4478		}
4479
4480		#mVisual .logo-img-box {
4481			width: 100px;
4482			height: 100px;
4483		}
4484
4485		#mVisual .logo-img-box img {
4486			width: 115%;
4487			max-width: unset;
4488			height: 115%;
4489		}
4490
4491		#mVisual .logo-img-box .logo-box:nth-of-type(1) img,
4492		#mVisual .logo-img-box .logo-box:nth-of-type(3) img {
4493			width: 135%;
4494			height: 135%;
4495		}
4496
4497		#mVisual .logo-img-box .logo-box:nth-of-type(2) img {
4498			position: relative;
4499			top: 1px;
4500		}
4501
4502		#mVisual .typing-box {
4503			margin-top: 15px;
4504			align-items: flex-start;
4505		}
4506
4507		#mVisual .typing-text-wrap {
4508			flex: 1 1 auto;
4509			min-width: 0;
4510			width: 100%;
4511			text-align: center;
4512		}
4513
4514		#typing-text {
4515			display: inline;
4516		}
4517
4518		#mVisual .bracket-text {
4519			top: -5px;
4520		}
4521
4522		#mVisual .bracket-text:last-of-type {
4523			align-self: flex-end;
4524		}
4525
4526		#mVisual .typing-box.is-two-line .bracket-text:first-of-type {
4527			top: -8px;
4528		}
4529
4530		#mVisual .typing-box.is-two-line .bracket-text:last-of-type {
4531			top: 8px;
4532		}
4533
4534		#mVisual .around-text:nth-of-type(2) {
4535			margin-top: 15px;
4536		}
4537
4538		#mVisual .typed-cursor {
4539			transform: scaleX(1.6);
4540			transform-origin: left bottom;
4541			font-size: 3rem;
4542			top: 0;
4543		}
4544	}
4545
4546	@media screen and (max-width: 480px) {
4547		.sub-wrap.standard .table-wrap .univ-break {
4548			display: block;
4549		}
4550
4551		.table-box table th, .table-box table td {
4552			padding: 9px;
4553		}
4554
4555		.col-univ {
4556			width: 70px !important;
4557		}
4558
4559		.col-level {
4560			width: 57px !important;
4561		}
4562
4563		.sub-wrap .table-wrap .td-course {
4564			word-break: break-all;
4565		}
4566
4567		.special-card-list.connection {
4568			grid-template-columns: repeat(1, 1fr);
4569		}
4570	}
4571
4572
4573	@media screen and (max-width: 420px) {
4574		#sVisual .visual-bg {
4575			background-image: url('/image/sub_bg_mo.png') !important;
4576		}
4577
4578		/* ==================================================
4579		메인
4580	================================================== */
4581		#mVisual .around-text {
4582			font-size: 1.8rem;
4583		}
4584
4585		#typing-text {
4586			font-size: 2.6rem;
4587		}
4588
4589		#mVisual .typing-box.is-two-line .bracket-text:first-of-type {
4590			top: -13px;
4591		}
4592
4593		#mVisual .typing-box.is-two-line .bracket-text:last-of-type {
4594			top: 13px;
4595		}
4596
4597		#mVisual .typed-cursor {
4598			top: 2px;
4599		}
4600	}
4601
4602	@media screen and (max-width: 400px) {
4603		.competition-info .track-row {
4604			flex-direction: column;
4605			gap: 3px;
4606		}
4607
4608		.competition-info .track-row.is-center {
4609			align-items: start;
4610		}
4611
4612		.block400 {
4613			display: block;
4614		}
4615
4616		#footer .link-list li {
4617			font-size: 1.2rem;
4618		}
4619
4620		.standard-summary .stat-list li {
4621			flex-direction: column;
4622			gap: 10px;
4623		}
4624
4625		.standard-summary .stat-list .count {
4626			width: fit-content;
4627			margin-left: auto;
4628		}
4629	}
4630</style>
4631<header id="header">
4632	<div class="header-body">
4633		<div class="header-inner">
4634			<div
4635				class="header-row flex justify-center items-center h-[88px] fixed w-[calc(100%-100px)] left-[50px] top-[20px] bg-[#FFFFFF0D] backdrop-blur-[25px] rounded-[12px] px-[20px] z-[11]">
4636				<div class="header-column shrink-0 logo-column">
4637					<h1 class="logo">
4638						<a href="/">
4639							<img src="https://iotcoss.ac.kr/image/logo.svg" alt="logo">
4640						</a>
4641					</h1>
4642				</div>
4643				<div class="header-column h-full">
4644					<nav class="h-full">
4645						<ul class="gnb-list pc flex h-full">
4646							<li class="depth1">
4647								<a href="javascript:;" onclick="readyOpen();">
4648                                    <span
4649	                                    class="flex h-full items-center text-[1.6rem] font-semibold text-[#fff] duration-300 ease-out px-[30px] ">사업단 소개</span>
4650								</a>
4651							</li>
4652							<li class="depth1 curriculum">
4653								<a href="https://iotcoss.ac.kr/curriculum/roadmap">
4654							<span
4655								class="flex h-full items-center text-[1.6rem] font-semibold text-[#fff] duration-300 ease-out px-[30px] on">교육과정</span>
4656								</a>
4657								<div class="depth2">
4658									<ul>
4659										<li>
4660											<a href="https://iotcoss.ac.kr/curriculum/roadmap" class="">교육로드맵</a>
4661										</li>
4662										<li>
4663											<a href="https://iotcoss.ac.kr/curriculum/standard" class="on">표준교과목</a>
4664										</li>
4665										<li>
4666											<a href="https://iotcoss.ac.kr/curriculum/microdigri"
4667											   class="">마이크로디그리</a>
4668										</li>
4669										<li>
4670											<a href="https://iotcoss.ac.kr/curriculum/connection"
4671											   class="">연계·융합전공</a>
4672										</li>
4673										<li>
4674											<a href="https://iotcoss.ac.kr/curriculum/k-mooc" class="">K-MOOC</a>
4675										</li>
4676									</ul>
4677								</div>
4678							</li>
4679							<li class="depth1">
4680								<a href="https://iotcoss.ac.kr/student/star-ship">
4681                                    <span
4682	                                    class="flex h-full items-center text-[1.6rem] font-semibold text-[#fff] duration-300 ease-out px-[30px] ">학생참여</span>
4683								</a>
4684								<div class="depth2">
4685									<ul>
4686										<li>
4687											<a href="https://iotcoss.ac.kr/student/star-ship" class="">STAR Ship
4688												프로그램</a>
4689										</li>
4690										<li>
4691											<a href="https://iotcoss.ac.kr/student/credit-program" class="">학점
4692												연계형 프로그램</a>
4693										</li>
4694										<li>
4695											<a href="https://iotcoss.ac.kr/student/competition" class="">경진대회</a>
4696										</li>
4697										<li>
4698											<a href="https://iotcoss.ac.kr/student/employment" class="">취업·창업</a>
4699										</li>
4700										<li>
4701											<a href="https://iotcoss.ac.kr/student/exhibition" class="">전시 체험</a>
4702										</li>
4703										<li>
4704											<a href="https://iotcoss.ac.kr/student/non-academic" class="">비교과
4705												프로그램</a>
4706										</li>
4707									</ul>
4708								</div>
4709							</li>
4710							<li class="depth1">
4711								<a href="javascript:;" onclick="readyOpen();">
4712                                    <span
4713	                                    class="flex h-full items-center text-[1.6rem] font-semibold text-[#fff] duration-300 ease-out px-[30px]">학생지원</span>
4714								</a>
4715							</li>
4716							<li class="depth1">
4717								<a href="javascript:;" onclick="readyOpen();">
4718                                    <span
4719	                                    class="flex h-full items-center text-[1.6rem] font-semibold text-[#fff] duration-300 ease-out px-[30px]">커뮤니티</span>
4720								</a>
4721								<div class="depth2">
4722									<ul>
4723										<li>
4724											<a href="javascript:;" onclick="readyOpen();" class="">공지사항</a>
4725										</li>
4726										<li>
4727											<a href="javascript:;" onclick="readyOpen();" class="">보도자료</a>
4728										</li>
4729									</ul>
4730								</div>
4731							</li>
4732						</ul>
4733					</nav>
4734				</div>
4735				<div class="header-column mo">
4736					<a href="javascript:;" class="mo-toggle">
4737						<img src="https://iotcoss.ac.kr/image/mo_menu.svg" alt="menu">
4738					</a>
4739				</div>
4740				
4741			</div>
4742		</div>
4743		<div class="mobile-inner right-move absolute">
4744			<div class="header-row h-full flex flex-col">
4745				<div class="header-column p-[16px_17px_20px]">
4746					<img src="https://iotcoss.ac.kr/image/mo_menu_close.svg" alt="close" class="mo-toggle ml-auto">
4747				</div>
4748				<div class="header-column flex-grow max-h-full overflow-y-auto">
4749					<nav class="header-nav">
4750						<ul class="depth1">
4751							<!-- 1 depth -->
4752							<li>
4753								<a href="javascript:;" onclick="readyOpen();">
4754									<span>사업단 소개</span>
4755								</a>
4756							</li>
4757							
4758							<li class="dropdown">
4759								<a href="javascript:">
4760									<span>교육과정</span>
4761								</a>
4762								<!-- 2 depth -->
4763								<ul class="depth2">
4764									<li>
4765										<a href="https://iotcoss.ac.kr/curriculum/roadmap" class="">교육로드맵</a>
4766									</li>
4767									<li>
4768										<a href="https://iotcoss.ac.kr/curriculum/standard" class="on">표준교과목</a>
4769									</li>
4770									<li>
4771										<a href="https://iotcoss.ac.kr/curriculum/microdigri"
4772										   class="">마이크로디그리</a>
4773									</li>
4774									<li>
4775										<a href="https://iotcoss.ac.kr/curriculum/connection"
4776										   class="">연계·융합전공</a>
4777									</li>
4778									<li>
4779										<a href="https://iotcoss.ac.kr/curriculum/k-mooc" class="">K-MOOC</a>
4780									</li>
4781								</ul>
4782							</li>
4783							
4784							<li class="dropdown">
4785								<a href="javascript:">
4786									<span>학생참여</span>
4787								</a>
4788								<!-- 2 depth -->
4789								<ul class="depth2">
4790									<li>
4791										<a href="https://iotcoss.ac.kr/student/star-ship" class="">STAR Ship
4792											프로그램</a>
4793									</li>
4794									<li>
4795										<a href="https://iotcoss.ac.kr/student/credit-program" class="">학점
4796											연계형 프로그램</a>
4797									</li>
4798									<li>
4799										<a href="https://iotcoss.ac.kr/student/competition" class="">경진대회</a>
4800									</li>
4801									<li>
4802										<a href="https://iotcoss.ac.kr/student/employment" class="">취업·창업</a>
4803									</li>
4804									<li>
4805										<a href="https://iotcoss.ac.kr/student/exhibition" class="">전시 체험</a>
4806									</li>
4807									<li>
4808										<a href="https://iotcoss.ac.kr/student/non-academic" class="">비교과
4809											프로그램</a>
4810									</li>
4811								</ul>
4812							</li>
4813							
4814							<li>
4815								<a href="javascript:;" onclick="readyOpen();">
4816									<span>학생지원</span>
4817								</a>
4818							</li>
4819							
4820							<li class="dropdown">
4821								<a href="javascript:;">
4822									<span>커뮤니티</span>
4823								</a>
4824								<!-- 2 depth -->
4825								<ul class="depth2">
4826									<li>
4827										<a href="javascript:;" class="" onclick="readyOpen();">공지사항</a>
4828									</li>
4829									<li>
4830										<a href="javascript:;" class="" onclick="readyOpen();">보도자료</a>
4831									</li>
4832								</ul>
4833							</li>
4834						</ul>
4835					</nav>
4836				</div>
4837				
4838			</div>
4839		</div>
4840	</div>
4841</header>
4842<div class="gnb_bg w--100 h--100 position-absolute start-0 top-0"></div>
4843<div class="dep_bg w--100 position-fixed start-0"></div>
4844<script>
4845	/*------- 준비중 -------*/
4846	function readyOpen() {
4847		Swal.fire({
4848			text             : "준비 중입니다.",
4849			icon             : "info",
4850			confirmButtonText: '확인',
4851		});
4852	}
4853</script>
4853
4854	
4855	<div id="container" class="w-full">
4856		<div id="sub">
4857				<section id="sVisual">
4858		<div class="visual-body">
4859			<div class="visual-inner w-full h-[324px] relative">
4860				<div class="visual-bg absolute left-0 top-0 w-full h-full bg-no-repeat bg-center bg-cover"
4861				     style="background-image:url('/image/sub_bg_about.jpg');"></div>
4862				<div class="visual-txt max-box h-full flex flex-col justify-center relative z-[1]">
4863					<div class="nav-box flex items-center gap-[23px] mb-[20px]">
4864						<a href="/">
4865							<img src="https://iotcoss.ac.kr/image/ico_home.svg" alt="home">
4866						</a>
4867						<a href="https://iotcoss.ac.kr/curriculum">교육과정</a>
4868						<a href="https://iotcoss.ac.kr/curriculum/standard">표준교과목</a>
4869					</div>
4870					<div class="txt-box">
4871						<h2 class="text-[5.2rem] font-semibold text-[#fff] leading-[1.6]">교육과정</h2>
4872					</div>
4873				</div>
4874			</div>
4875		</div>
4876		<nav class="sub-nav">
4877		<div class="sub-nav-inner max-box">
4878			<ul class="sub-nav-list">
4879									<li>
4880						<a href="https://iotcoss.ac.kr/curriculum/roadmap"
4881						   class="">교육로드맵</a>
4882					</li>
4883									<li>
4884						<a href="https://iotcoss.ac.kr/curriculum/standard"
4885						   class="on">표준교과목</a>
4886					</li>
4887									<li>
4888						<a href="https://iotcoss.ac.kr/curriculum/microdigri"
4889						   class="">마이크로디그리</a>
4890					</li>
4891									<li>
4892						<a href="https://iotcoss.ac.kr/curriculum/connection"
4893						   class="">연계·융합전공</a>
4894					</li>
4895									<li>
4896						<a href="https://iotcoss.ac.kr/curriculum/k-mooc"
4897						   class="">K-MOOC</a>
4898					</li>
4899							</ul>
4900		</div>
4901	</nav>
4902	
4902<script>
4903		document.addEventListener('DOMContentLoaded', function () {
4904			const list = document.querySelector('.sub-nav-list');
4905			if (!list) return;
4906
4907			function scrollActiveToLeft() {
4908				const activeLink = list.querySelector('a.on');
4909				if (!activeLink) return;
4910				const li = activeLink.closest('li');
4911				if (!li) return;
4912				list.scrollLeft += li.getBoundingClientRect().left - list.getBoundingClientRect().left;
4913			}
4914
4915			scrollActiveToLeft();
4916			window.addEventListener('load', scrollActiveToLeft);
4917			window.addEventListener('resize', scrollActiveToLeft);
4918		});
4919	</script>
4919
4920	</section>
4921	
4922	<div class="sub-wrap standard">
4923		<section class="section section1">
4924			<div class="section-body">
4925				<div class="section-inner none-max">
4926					<div class="section-row">
4927						<div class="section-column">
4928							<div class="tit-area max-box" data-aos="fade-up" data-aos-duration="1000" data-aos-once="true">
4929								<p class="dash-txt relative text-[1.6rem] font-semibold leading-[1.6] text-[#0057FF] pl-[42px] mb-[20px]">교육과정</p>
4930								<h3 class="tit">표준교과목</h3>
4931							</div>
4932							<div class="cont-area mt-[60px]">
4933								<div class="standard-top">
4934									<div class="max-box w-full">
4935										<div class="standard-intro" data-aos="fade-up" data-aos-duration="1000" data-aos-once="true">
4936											<div class="standard-campus">
4937												<img src="https://iotcoss.ac.kr/image/standard_campus.png" alt="campus">
4938											</div>
4939											<div class="txt-box">
4940												<p class="tit">컨소시엄 내 참여대학은?</p>
4941												<p class="desc">
4942													컨소시엄 내 참여대학은 <b>‘사물인터넷 혁신융합대학’</b><br>
4943													<b>공동 교육과정 운영</b>을 위해 무정원학과인<br>
4944													<b>“지능IoT학과”</b>를 신설하고, 학과를 통해 <b>사물인터넷 분야</b><br>
4945													<b>기초·핵심·실무 표준교육과정을 제공</b>합니다.
4946												</p>
4947											</div>
4948										</div>
4949										<div class="standard-summary">
4950											<ul class="stat-list" data-aos="fade-up" data-aos-duration="1000" data-aos-once="true">
4951												<li>
4952													<span class="label">총 교과목</span>
4953													<span class="count"><b>67</b><i>개</i></span>
4954												</li>
4955												<li>
4956													<span class="label">AloT 핵심기술 전문가 트랙</span>
4957													<span class="count"><b>42</b><i>개</i></span>
4958												</li>
4959												<li>
4960													<span class="label">AloT 융합/비지니스 전문가 과정</span>
4961													<span class="count"><b>25</b><i>개</i></span>
4962												</li>
4963											</ul>
4964											<div class="table-box" data-aos="fade-up" data-aos-duration="1000" data-aos-once="true">
4965												<table class="text-center">
4966													<colgroup>
4967														<col style="width:446px;">
4968														<col style="width:240px;">
4969														<col style="width:240px;">
4970													</colgroup>
4971													<thead>
4972													<tr>
4973														<th>교육내용</th>
4974														<th>난이도</th>
4975														<th>교과목 수</th>
4976													</tr>
4977													</thead>
4978													<tbody>
4979													<tr>
4980														<td rowspan="3">AloT 핵심기술 전문가 트랙</td>
4981														<td>초급</td>
4982														<td>16</td>
4983													</tr>
4984													<tr>
4985														<td class="border-left">중급</td>
4986														<td>14</td>
4987													</tr>
4988													<tr>
4989														<td class="border-left">고급</td>
4990														<td>12</td>
4991													</tr>
4992													<tr>
4993														<td rowspan="3">AloT 융합/비지니스 전문가 과정</td>
4994														<td>초급</td>
4995														<td>6</td>
4996													</tr>
4997													<tr>
4998														<td class="border-left">중급</td>
4999														<td>9</td>
5000													</tr>
5001													<tr>
5002														<td class="border-left">고급</td>
5003														<td>10</td>
5004													</tr>
5005													</tbody>
5006												</table>
5007											</div>
5008										</div>
5009									</div>
5010								</div>
5011								<div class="mt-[80px] max-box">
5012									<div class="tab-scroll">
5013										<div class="tab-area" data-aos="fade-up" data-aos-duration="1000" data-aos-once="true">
5014											<a href="javascript:;" class="on" data-box="first">AloT 핵심기술 전문가 트랙</a>
5015											<a href="javascript:;" data-box="second">AloT 융합/비지니스 전문가 과정</a>
5016										</div>
5017									</div>
5018									<div class="standard-search" data-aos="fade-up" data-aos-duration="1000" data-aos-once="true">
5019										<ul class="level-filter">
5020											<li>
5021												<button type="button" class="on" data-level="all">
5021전체</button>
5022											</li>
5023											<li>
5024												<button type="button" data-level="초급">초급</button>
5025											</li>
5026											<li>
5027												<button type="button" data-level="중급">중급</button>
5028											</li>
5029											<li>
5030												<button type="button" data-level="고급">고급</button>
5031											</li>
5032										</ul>
5033										<form class="search-form flex" action="javascript:;" onsubmit="return false;">
5034											<div class="select-box">
5035												<select name="sfield" id="standardSfield" class="slim-select search-select" title="검색 조건" placeholder="전체">
5036													<option data-placeholder="true"></option>
5037													<option value="name">교과목명</option>
5038													<option value="univ">운영대학</option>
5039												</select>
5040											</div>
5041											<div class="search-input flex">
5042												<input type="text" name="skeyword" id="standardSkeyword" placeholder="검색어를 입력해주세요" autocomplete="off">
5043												<button type="submit" class="btn-search" title="검색">
5044													<img src="https://iotcoss.ac.kr/image/search.svg" alt="검색">
5045												</button>
5046											</div>
5047										</form>
5048									</div>
5049									<div>
5050																				<div class="table-wrap" data-box="first" data-aos="fade-up" data-aos-duration="1000" data-aos-once="true">
5051											<div class="table-box">
5052												<table class="text-center">
5053													<colgroup>
5054														<col class="col-course" style="width:320px;">
5055														<col class="col-content" style="width:875px;">
5056														<col class="col-univ" style="width:160px;">
5057														<col class="col-level" style="width:85px;">
5058													</colgroup>
5059													<thead>
5060													<tr>
5061														<th class="th-course">
5062															<span class="th-pc">교과목명</span>
5063															<span class="th-mo">교과목명 · 교육내용</span>
5064														</th>
5065														<th class="th-content">교육내용</th>
5066														<th>운영대학</th>
5067														<th>난이도</th>
5068													</tr>
5069													</thead>
5070													<tbody>
5071																											<tr data-level="초급"
5072														    data-name="loT개론"
5073														    data-content="IoT개념·구성요소·현장 활용 사례"
5074														    data-univ="대전대">
5075															<td class="td-course">
5076																<span class="course-name">loT개론</span>
5077																<span class="course-content-mo">IoT개념·구성요소·현장 활용 사례</span>
5078															</td>
5079															<td class="td-content text-start">IoT개념·구성요소·현장 활용 사례</td>
5080															<td class="td-univ">대전대</td>
5081															<td>초급</td>
5082														</tr>
5083																											<tr data-level="초급"
5084														    data-name="IoT기초프로그래밍"
5085														    data-content="IoT의 기술 실무 적용 능력 습득"
5086														    data-univ="제주한라대">
5087															<td class="td-course">
5088																<span class="course-name">IoT기초프로그래밍</span>
5089																<span class="course-content-mo">IoT의 기술 실무 적용 능력 습득</span>
5090															</td>
5091															<td class="td-content text-start">IoT의 기술 실무 적용 능력 습득</td>
5092															<td class="td-univ">제주<br class="univ-break">한라대</td>
5093															<td>초급</td>
5094														</tr>
5095																											<tr data-level="초급"
5096														    data-name="임베디드와함께 사물인터넷세상속으로"
5097														    data-content="임베디드 기반 IoT 기기 제작 학습"
5098														    data-univ="제주대">
5099															<td class="td-course">
5100																<span class="course-name">임베디드와함께 사물인터넷세상속으로</span>
5101																<span class="course-content-mo">임베디드 기반 IoT 기기 제작 학습</span>
5102															</td>
5103															<td class="td-content text-start">임베디드 기반 IoT 기기 제작 학습</td>
5104															<td class="td-univ">제주대</td>
5105															<td>초급</td>
5106														</tr>
5107																											<tr data-level="초급"
5108														    data-name="사물인터넷으로 여는스마트세상"
5109														    data-content="IoT 구조·응용 기술 이해"
5110														    data-univ="제주대">
5111															<td class="td-course">
5112																<span class="course-name">사물인터넷으로 여는스마트세상</span>
5113																<span class="course-content-mo">IoT 구조·응용 기술 이해</span>
5114															</td>
5115															<td class="td-content text-start">IoT 구조·응용 기술 이해</td>
5116															<td class="td-univ">제주대</td>
5117															<td>초급</td>
5118														</tr>
5119																											<tr data-level="초급"
5120														    data-name="IoT마이크로프로세서"
5121														    data-content="ARM 프로세서 프로그래밍 기초"
5122														    data-univ="동국대">
5123															<td class="td-course">
5124																<span class="course-name">IoT마이크로프로세서</span>
5125																<span class="course-content-mo">ARM 프로세서 프로그래밍 기초</span>
5126															</td>
5127															<td class="td-content text-start">ARM 프로세서 프로그래밍 기초</td>
5128															<td class="td-univ">동국대</td>
5129															<td>초급</td>
5130														</tr>
5131																											<tr data-level="초급"
5132														    data-name="IoTOS기초"
5133														    data-content="IoT OS를 이해하고 임베디드 운영체제의 개념을 학습"
5134														    data-univ="대전대">
5135															<td class="td-course">
5136																<span class="course-name">IoTOS기초</span>
5137																<span class="course-content-mo">IoT OS를 이해하고 임베디드 운영체제의 개념을 학습</span>
5138															</td>
5139															<td class="td-content text-start">IoT OS를 이해하고 임베디드 운영체제의 개념을 학습</td>
5140															<td class="td-univ">대전대</td>
5141															<td>초급</td>
5142														</tr>
5143																											<tr data-level="초급"
5144														    data-name="지능사물인터넷개론"
5145														    data-content="지능형 IoT의 구성요소와 서비스 개발 개념 학습"
5146														    data-univ="세종대">
5147															<td class="td-course">
5148																<span class="course-name">지능사물인터넷개론</span>
5149																<span class="course-content-mo">지능형 IoT의 구성요소와 서비스 개발 개념 학습</span>
5150															</td>
5151															<td class="td-content text-start">지능형 IoT의 구성요소와 서비스 개발 개념 학습</td>
5152															<td class="td-univ">세종대</td>
5153															<td>초급</td>
5154														</tr>
5155																											<tr data-level="초급"
5156														    data-name="신호및시스템"
5157														    data-content="통신·제어·디지털신호처리에 대한 개념을 학습"
5158														    data-univ="세종대">
5159															<td class="td-course">
5160																<span class="course-name">신호및시스템</span>
5161																<span class="course-content-mo">통신·제어·디지털신호처리에 대한 개념을 학습</span>
5162															</td>
5163															<td class="td-content text-start">통신·제어·디지털신호처리에 대한 개념을 학습</td>
5164															<td class="td-univ">세종대</td>
5165															<td>초급</td>
5166														</tr>
5167																											<tr data-level="초급"
5168														    data-name="정보보안개론"
5169														    data-content="정보보호 전반과 최신 보안 트렌드를 이해"
5170														    data-univ="제주한라대">
5171															<td class="td-course">
5172																<span class="course-name">정보보안개론</span>
5173																<span class="course-content-mo">정보보호 전반과 최신 보안 트렌드를 이해</span>
5174															</td>
5175															<td class="td-content text-start">정보보호 전반과 최신 보안 트렌드를 이해</td>
5176															<td class="td-univ">제주<br class="univ-break">한라대</td>
5177															<td>초급</td>
5178														</tr>
5179																											<tr data-level="초급"
5180														    data-name="정보보호와보안의기초"
5181														    data-content="정보보호 기본 개념과 보안 원리를 기초 학습"
5182														    data-univ="동국대">
5183															<td class="td-course">
5184																<span class="course-name">정보보호와보안의기초</span>
5185																<span class="course-content-mo">정보보호 기본 개념과 보안 원리를 기초 학습</span>
5186															</td>
5187															<td class="td-content text-start">정보보호 기본 개념과 보안 원리를 기초 학습</td>
5188															<td class="td-univ">동국대</td>
5189															<td>초급</td>
5190														</tr>
5191																											<tr data-level="초급"
5192														    data-name="파이썬과인공지능기초"
5193														    data-content="IoT용 파이썬 개발역량"
5194														    data-univ="제주대">
5195															<td class="td-course">
5196																<span class="course-name">파이썬과인공지능기초</span>
5197																<span class="course-content-mo">IoT용 파이썬 개발역량</span>
5198															</td>
5199															<td class="td-content text-start">IoT용 파이썬 개발역량</td>
5200															<td class="td-univ">제주대</td>
5201															<td>초급</td>
5202														</tr>
5203																											<tr data-level="초급"
5204														    data-name="인공지능수학"
5205														    data-content="주요 인공지능 알고리즘과 수식의 기초를 이해"
5206														    data-univ="세종대">
5207															<td class="td-course">
5208																<span class="course-name">인공지능수학</span>
5209																<span class="course-content-mo">주요 인공지능 알고리즘과 수식의 기초를 이해</span>
5210															</td>
5211															<td class="td-content text-start">주요 인공지능 알고리즘과 수식의 기초를 이해</td>
5212															<td class="td-univ">세종대</td>
5213															<td>초급</td>
5214														</tr>
5215																											<tr data-level="초급"
5216														    data-name="IoT빅데이터와 인공지능"
5217														    data-content="인공지능 기본 개념과 머신러닝·딥러닝 기초 학습"
5218														    data-univ="동국대">
5219															<td class="td-course">
5220																<span class="course-name">IoT빅데이터와 인공지능</span>
5221																<span class="course-content-mo">인공지능 기본 개념과 머신러닝·딥러닝 기초 학습</span>
5222															</td>
5223															<td class="td-content text-start">인공지능 기본 개념과 머신러닝·딥러닝 기초 학습</td>
5224															<td class="td-univ">동국대</td>
5225															<td>초급</td>
5226														</tr>
5227																											<tr data-level="초급"
5228														    data-name="데이터분석개론"
5229														    data-content="데이터 분석 방법론의 이론과 활용하는 능력 학습"
5230														    data-univ="세종대">
5231															<td class="td-course">
5232																<span class="course-name">데이터분석개론</span>
5233																<span class="course-content-mo">데이터 분석 방법론의 이론과 활용하는 능력 학습</span>
5234															</td>
5235															<td class="td-content text-start">데이터 분석 방법론의 이론과 활용하는 능력 학습</td>
5236															<td class="td-univ">세종대</td>
5237															<td>초급</td>
5238														</tr>
5239																											<tr data-level="초급"
5240														    data-name="온디바이스AI개론"
5241														    data-content="온디바이스 AI의 임베디드 환경 AI 시스템 구현"
5242														    data-univ="대전대">
5243															<td class="td-course">
5244																<span class="course-name">온디바이스AI개론</span>
5245																<span class="course-content-mo">온디바이스 AI의 임베디드 환경 AI 시스템 구현</span>
5246															</td>
5247															<td class="td-content text-start">온디바이스 AI의 임베디드 환경 AI 시스템 구현</td>
5248															<td class="td-univ">대전대</td>
5249															<td>초급</td>
5250														</tr>
5251																											<tr data-level="초급"
5252														    data-name="스마트센서프로그래밍"
5253														    data-content="스마트센서의 데이터 처리부터 응용 서비스 프로그래밍 학습"
5254														    data-univ="대전대">
5255															<td class="td-course">
5256																<span class="course-name">
5256스마트센서프로그래밍</span>
5257																<span class="course-content-mo">스마트센서의 데이터 처리부터 응용 서비스 프로그래밍 학습</span>
5258															</td>
5259															<td class="td-content text-start">스마트센서의 데이터 처리부터 응용 서비스 프로그래밍 학습</td>
5260															<td class="td-univ">대전대</td>
5261															<td>초급</td>
5262														</tr>
5263																											<tr data-level="중급"
5264														    data-name="지능IoT시스템"
5265														    data-content="임베디드 시스템과 IoT 핵심 개념 및 실제 구현"
5266														    data-univ="동국대">
5267															<td class="td-course">
5268																<span class="course-name">지능IoT시스템</span>
5269																<span class="course-content-mo">임베디드 시스템과 IoT 핵심 개념 및 실제 구현</span>
5270															</td>
5271															<td class="td-content text-start">임베디드 시스템과 IoT 핵심 개념 및 실제 구현</td>
5272															<td class="td-univ">동국대</td>
5273															<td>중급</td>
5274														</tr>
5275																											<tr data-level="중급"
5276														    data-name="임베디드시스템"
5277														    data-content="임베디드 시스템의 작동원리 및 구조"
5278														    data-univ="세종대">
5279															<td class="td-course">
5280																<span class="course-name">임베디드시스템</span>
5281																<span class="course-content-mo">임베디드 시스템의 작동원리 및 구조</span>
5282															</td>
5283															<td class="td-content text-start">임베디드 시스템의 작동원리 및 구조</td>
5284															<td class="td-univ">세종대</td>
5285															<td>중급</td>
5286														</tr>
5287																											<tr data-level="중급"
5288														    data-name="오픈소스IoT플랫폼"
5289														    data-content="인공지능과 로봇과의 연계 및 자율형 사물인터넷 학습"
5290														    data-univ="대전대">
5291															<td class="td-course">
5292																<span class="course-name">오픈소스IoT플랫폼</span>
5293																<span class="course-content-mo">인공지능과 로봇과의 연계 및 자율형 사물인터넷 학습</span>
5294															</td>
5295															<td class="td-content text-start">인공지능과 로봇과의 연계 및 자율형 사물인터넷 학습</td>
5296															<td class="td-univ">대전대</td>
5297															<td>중급</td>
5298														</tr>
5299																											<tr data-level="중급"
5300														    data-name="컴퓨터비전과기계학습"
5301														    data-content="컴퓨터 인식 기술과 기계학습의 알고리즘 응용"
5302														    data-univ="대전대">
5303															<td class="td-course">
5304																<span class="course-name">컴퓨터비전과기계학습</span>
5305																<span class="course-content-mo">컴퓨터 인식 기술과 기계학습의 알고리즘 응용</span>
5306															</td>
5307															<td class="td-content text-start">컴퓨터 인식 기술과 기계학습의 알고리즘 응용</td>
5308															<td class="td-univ">대전대</td>
5309															<td>중급</td>
5310														</tr>
5311																											<tr data-level="중급"
5312														    data-name="IoT네트워크"
5313														    data-content="사물인터넷 환경에 필요한 통신 프로토콜"
5314														    data-univ="세종대">
5315															<td class="td-course">
5316																<span class="course-name">IoT네트워크</span>
5317																<span class="course-content-mo">사물인터넷 환경에 필요한 통신 프로토콜</span>
5318															</td>
5319															<td class="td-content text-start">사물인터넷 환경에 필요한 통신 프로토콜</td>
5320															<td class="td-univ">세종대</td>
5321															<td>중급</td>
5322														</tr>
5323																											<tr data-level="중급"
5324														    data-name="IoT통신시스템"
5325														    data-content="IoT 통신 원리 및 구조와 주요 통신 기술 학습"
5326														    data-univ="세종대">
5327															<td class="td-course">
5328																<span class="course-name">IoT통신시스템</span>
5329																<span class="course-content-mo">IoT 통신 원리 및 구조와 주요 통신 기술 학습</span>
5330															</td>
5331															<td class="td-content text-start">IoT 통신 원리 및 구조와 주요 통신 기술 학습</td>
5332															<td class="td-univ">세종대</td>
5333															<td>중급</td>
5334														</tr>
5335																											<tr data-level="중급"
5336														    data-name="IoT보안"
5337														    data-content="인공지능 시스템에서 발생 가능한 보악 취약점 및 공격·방어"
5338														    data-univ="제주한라대">
5339															<td class="td-course">
5340																<span class="course-name">IoT보안</span>
5341																<span class="course-content-mo">인공지능 시스템에서 발생 가능한 보악 취약점 및 공격·방어</span>
5342															</td>
5343															<td class="td-content text-start">인공지능 시스템에서 발생 가능한 보악 취약점 및 공격·방어</td>
5344															<td class="td-univ">제주<br class="univ-break">한라대</td>
5345															<td>중급</td>
5346														</tr>
5347																											<tr data-level="중급"
5348														    data-name="사물인공지능"
5349														    data-content="인공지능 기술의 활용과 데이터 처리 학습"
5350														    data-univ="대전대">
5351															<td class="td-course">
5352																<span class="course-name">사물인공지능</span>
5353																<span class="course-content-mo">인공지능 기술의 활용과 데이터 처리 학습</span>
5354															</td>
5355															<td class="td-content text-start">인공지능 기술의 활용과 데이터 처리 학습</td>
5356															<td class="td-univ">대전대</td>
5357															<td>중급</td>
5358														</tr>
5359																											<tr data-level="중급"
5360														    data-name="사물기계학습"
5361														    data-content="IoT 센서데이터에 기계학습을 적용하여 문제 해결 역량"
5362														    data-univ="세종대">
5363															<td class="td-course">
5364																<span class="course-name">사물기계학습</span>
5365																<span class="course-content-mo">IoT 센서데이터에 기계학습을 적용하여 문제 해결 역량</span>
5366															</td>
5367															<td class="td-content text-start">IoT 센서데이터에 기계학습을 적용하여 문제 해결 역량</td>
5368															<td class="td-univ">세종대</td>
5369															<td>중급</td>
5370														</tr>
5371																											<tr data-level="중급"
5372														    data-name="기계학습"
5373														    data-content="지능 IoT를 위한 지도/비지도/강화학습 이론 학습"
5374														    data-univ="대전대">
5375															<td class="td-course">
5376																<span class="course-name">기계학습</span>
5377																<span class="course-content-mo">지능 IoT를 위한 지도/비지도/강화학습 이론 학습</span>
5378															</td>
5379															<td class="td-content text-start">지능 IoT를 위한 지도/비지도/강화학습 이론 학습</td>
5380															<td class="td-univ">대전대</td>
5381															<td>중급</td>
5382														</tr>
5383																											<tr data-level="중급"
5384														    data-name="IoT데이터저장및시각화"
5385														    data-content="데이터베이스 기초와 IoT센서데이터 시각화"
5386														    data-univ="대전대">
5387															<td class="td-course">
5388																<span class="course-name">IoT데이터저장및시각화</span>
5389																<span class="course-content-mo">데이터베이스 기초와 IoT센서데이터 시각화</span>
5390															</td>
5391															<td class="td-content text-start">데이터베이스 기초와 IoT센서데이터 시각화</td>
5392															<td class="td-univ">대전대</td>
5393															<td>중급</td>
5394														</tr>
5395																											<tr data-level="중급"
5396														    data-name="데이터분석실습"
5397														    data-content="데이터 추출·마이닝·분석 및 시각화, 통계분석"
5398														    data-univ="제주한라대">
5399															<td class="td-course">
5400																<span class="course-name">데이터분석실습</span>
5401																<span class="course-content-mo">데이터 추출·마이닝·분석 및 시각화, 통계분석</span>
5402															</td>
5403															<td class="td-content text-start">데이터 추출·마이닝·분석 및 시각화, 통계분석</td>
5404															<td class="td-univ">제주<br class="univ-break">한라대</td>
5405															<td>중급</td>
5406														</tr>
5407																											<tr data-level="중급"
5408														    data-name="온디바이스AI플랫폼"
5409														    data-content="온디바이스 AI 통합 환경 핵심 기술을 학습"
5410														    data-univ="대전대">
5411															<td class="td-course">
5412																<span class="course-name">온디바이스AI플랫폼</span>
5413																<span class="course-content-mo">온디바이스 AI 통합 환경 핵심 기술을 학습</span>
5414															</td>
5415															<td class="td-content text-start">온디바이스 AI 통합 환경 핵심 기술을 학습</td>
5416															<td class="td-univ">대전대</td>
5417															<td>중급</td>
5418														</tr>
5419																											<tr data-level="중급"
5420														    data-name="온디바이스AI모델링"
5421														    data-content="모바일 AI 모델 설계 및 최적화 기술 학습"
5422														    data-univ="대전대">
5423															<td class="td-course">
5424																<span class="course-name">온디바이스AI모델링</span>
5425																<span class="course-content-mo">모바일 AI 모델 설계 및 최적화 기술 학습</span>
5426															</td>
5427															<td class="td-content text-start">모바일 AI 모델 설계 및 최적화 기술 학습</td>
5428															<td class="td-univ">대전대</td>
5429															<td>중급</td>
5430														</tr>
5431																											<tr data-level="고급"
5432														    data-name="사물인터넷응용설계"
5433														    data-content="IoT의 기초 개념과 센서 장비 활용"
5434														    data-univ="동국대">
5435															<td class="td-course">
5436																<span class="course-name">사물인터넷응용설계</span>
5437																<span class="course-content-mo">
5437IoT의 기초 개념과 센서 장비 활용</span>
5438															</td>
5439															<td class="td-content text-start">IoT의 기초 개념과 센서 장비 활용</td>
5440															<td class="td-univ">동국대</td>
5441															<td>고급</td>
5442														</tr>
5443																											<tr data-level="고급"
5444														    data-name="지능형IoT시스템분석과설계"
5445														    data-content="지능형 IoT 시스템의 분석 및 설계 기초"
5446														    data-univ="대전대">
5447															<td class="td-course">
5448																<span class="course-name">지능형IoT시스템분석과설계</span>
5449																<span class="course-content-mo">지능형 IoT 시스템의 분석 및 설계 기초</span>
5450															</td>
5451															<td class="td-content text-start">지능형 IoT 시스템의 분석 및 설계 기초</td>
5452															<td class="td-univ">대전대</td>
5453															<td>고급</td>
5454														</tr>
5455																											<tr data-level="고급"
5456														    data-name="지능IoT플랫폼"
5457														    data-content="표준IoT플랫폼 기반 인공지능 융합 학습"
5458														    data-univ="세종대">
5459															<td class="td-course">
5460																<span class="course-name">지능IoT플랫폼</span>
5461																<span class="course-content-mo">표준IoT플랫폼 기반 인공지능 융합 학습</span>
5462															</td>
5463															<td class="td-content text-start">표준IoT플랫폼 기반 인공지능 융합 학습</td>
5464															<td class="td-univ">세종대</td>
5465															<td>고급</td>
5466														</tr>
5467																											<tr data-level="고급"
5468														    data-name="정보시스템설계"
5469														    data-content="정보시스템의 문제 해결 능력 및 공식화"
5470														    data-univ="세종대">
5471															<td class="td-course">
5472																<span class="course-name">정보시스템설계</span>
5473																<span class="course-content-mo">정보시스템의 문제 해결 능력 및 공식화</span>
5474															</td>
5475															<td class="td-content text-start">정보시스템의 문제 해결 능력 및 공식화</td>
5476															<td class="td-univ">세종대</td>
5477															<td>고급</td>
5478														</tr>
5479																											<tr data-level="고급"
5480														    data-name="AI보안"
5481														    data-content="인터넷 기기에서 발생가능한 보안 위험과 취약점 분석"
5482														    data-univ="제주한라대">
5483															<td class="td-course">
5484																<span class="course-name">AI보안</span>
5485																<span class="course-content-mo">인터넷 기기에서 발생가능한 보안 위험과 취약점 분석</span>
5486															</td>
5487															<td class="td-content text-start">인터넷 기기에서 발생가능한 보안 위험과 취약점 분석</td>
5488															<td class="td-univ">제주<br class="univ-break">한라대</td>
5489															<td>고급</td>
5490														</tr>
5491																											<tr data-level="고급"
5492														    data-name="인공지능보안캡스톤디자인"
5493														    data-content="AI 보안 시스템 설계 및 구현을 중심 프로젝트 수행"
5494														    data-univ="제주한라대">
5495															<td class="td-course">
5496																<span class="course-name">인공지능보안캡스톤디자인</span>
5497																<span class="course-content-mo">AI 보안 시스템 설계 및 구현을 중심 프로젝트 수행</span>
5498															</td>
5499															<td class="td-content text-start">AI 보안 시스템 설계 및 구현을 중심 프로젝트 수행</td>
5500															<td class="td-univ">제주<br class="univ-break">한라대</td>
5501															<td>고급</td>
5502														</tr>
5503																											<tr data-level="고급"
5504														    data-name="사물강화학습"
5505														    data-content="기계 학습·심층 학습·강화 학습 고급 주제를 학습"
5506														    data-univ="세종대">
5507															<td class="td-course">
5508																<span class="course-name">사물강화학습</span>
5509																<span class="course-content-mo">기계 학습·심층 학습·강화 학습 고급 주제를 학습</span>
5510															</td>
5511															<td class="td-content text-start">기계 학습·심층 학습·강화 학습 고급 주제를 학습</td>
5512															<td class="td-univ">세종대</td>
5513															<td>고급</td>
5514														</tr>
5515																											<tr data-level="고급"
5516														    data-name="자율지능시스템설계"
5517														    data-content="자율지능시스템의 개념과 설계원리 학습"
5518														    data-univ="세종대">
5519															<td class="td-course">
5520																<span class="course-name">자율지능시스템설계</span>
5521																<span class="course-content-mo">자율지능시스템의 개념과 설계원리 학습</span>
5522															</td>
5523															<td class="td-content text-start">자율지능시스템의 개념과 설계원리 학습</td>
5524															<td class="td-univ">세종대</td>
5525															<td>고급</td>
5526														</tr>
5527																											<tr data-level="고급"
5528														    data-name="다변량시계열데이터분석"
5529														    data-content="다변량 시계열 데이터의 특성과 분석 기법을 학습"
5530														    data-univ="동국대">
5531															<td class="td-course">
5532																<span class="course-name">다변량시계열데이터분석</span>
5533																<span class="course-content-mo">다변량 시계열 데이터의 특성과 분석 기법을 학습</span>
5534															</td>
5535															<td class="td-content text-start">다변량 시계열 데이터의 특성과 분석 기법을 학습</td>
5536															<td class="td-univ">동국대</td>
5537															<td>고급</td>
5538														</tr>
5539																											<tr data-level="고급"
5540														    data-name="제조산업AI빅데이터분석"
5541														    data-content="제조산업의 AI 빅데이터를 분석하여 예측 모델링을 실습"
5542														    data-univ="대전대">
5543															<td class="td-course">
5544																<span class="course-name">제조산업AI빅데이터분석</span>
5545																<span class="course-content-mo">제조산업의 AI 빅데이터를 분석하여 예측 모델링을 실습</span>
5546															</td>
5547															<td class="td-content text-start">제조산업의 AI 빅데이터를 분석하여 예측 모델링을 실습</td>
5548															<td class="td-univ">대전대</td>
5549															<td>고급</td>
5550														</tr>
5551																											<tr data-level="고급"
5552														    data-name="온디바이스지능형서비스설계"
5553														    data-content="온디바이스 지능형 서비스 설계 기초를 학습"
5554														    data-univ="대전대">
5555															<td class="td-course">
5556																<span class="course-name">온디바이스지능형서비스설계</span>
5557																<span class="course-content-mo">온디바이스 지능형 서비스 설계 기초를 학습</span>
5558															</td>
5559															<td class="td-content text-start">온디바이스 지능형 서비스 설계 기초를 학습</td>
5560															<td class="td-univ">대전대</td>
5561															<td>고급</td>
5562														</tr>
5563																											<tr data-level="고급"
5564														    data-name="사물인터넷캡스톤디자인"
5565														    data-content="IoT 기반 협력 프로젝트를 수행, 실무 중심 문제 해결"
5566														    data-univ="대학별 운영">
5567															<td class="td-course">
5568																<span class="course-name">사물인터넷캡스톤디자인</span>
5569																<span class="course-content-mo">IoT 기반 협력 프로젝트를 수행, 실무 중심 문제 해결</sp
5569an>
5570															</td>
5571															<td class="td-content text-start">IoT 기반 협력 프로젝트를 수행, 실무 중심 문제 해결</td>
5572															<td class="td-univ">대학별 운영</td>
5573															<td>고급</td>
5574														</tr>
5575																										</tbody>
5576												</table>
5577											</div>
5578										</div>
5579										<div class="table-wrap" data-box="second" data-aos="fade-up" data-aos-duration="1000" data-aos-once="true">
5580																						<div class="table-box">
5581												<table class="text-center">
5582													<colgroup>
5583														<col class="col-course" style="width:320px;">
5584														<col class="col-content" style="width:875px;">
5585														<col class="col-univ" style="width:160px;">
5586														<col class="col-level" style="width:85px;">
5587													</colgroup>
5588													<thead>
5589													<tr>
5590														<th class="th-course">
5591															<span class="th-pc">교과목명</span>
5592															<span class="th-mo">교과목명 · 교육내용</span>
5593														</th>
5594														<th class="th-content">교육내용</th>
5595														<th>운영대학</th>
5596														<th>난이도</th>
5597													</tr>
5598													</thead>
5599													<tbody>
5600																											<tr data-level="초급"
5601														    data-name="인문학으로만나는디지털혁명과미래기술"
5602														    data-content="ICT·IoT 미래기술 탐구"
5603														    data-univ="제주대">
5604															<td class="td-course">
5605																<span class="course-name">인문학으로만나는디지털혁명과미래기술</span>
5606																<span class="course-content-mo">ICT·IoT 미래기술 탐구</span>
5607															</td>
5608															<td class="td-content text-start">ICT·IoT 미래기술 탐구</td>
5609															<td class="td-univ">제주대</td>
5610															<td>초급</td>
5611														</tr>
5612																											<tr data-level="초급"
5613														    data-name="재미있는4차산업혁명이야기"
5614														    data-content="IoT 기반 스마트서비스 개발"
5615														    data-univ="제주대">
5616															<td class="td-course">
5617																<span class="course-name">재미있는4차산업혁명이야기</span>
5618																<span class="course-content-mo">IoT 기반 스마트서비스 개발</span>
5619															</td>
5620															<td class="td-content text-start">IoT 기반 스마트서비스 개발</td>
5621															<td class="td-univ">제주대</td>
5622															<td>초급</td>
5623														</tr>
5624																											<tr data-level="초급"
5625														    data-name="IoT이해와바른활용"
5626														    data-content="IoT개론과 IoT윤리 의식을 함양하여 융합형 인재 양성"
5627														    data-univ="대전대">
5628															<td class="td-course">
5629																<span class="course-name">IoT이해와바른활용</span>
5630																<span class="course-content-mo">IoT개론과 IoT윤리 의식을 함양하여 융합형 인재 양성</span>
5631															</td>
5632															<td class="td-content text-start">IoT개론과 IoT윤리 의식을 함양하여 융합형 인재 양성</td>
5633															<td class="td-univ">대전대</td>
5634															<td>초급</td>
5635														</tr>
5636																											<tr data-level="초급"
5637														    data-name="IoT융합개론"
5638														    data-content="IoT융합에 기본 이해 및 실무 내용 학습"
5639														    data-univ="제주한라대">
5640															<td class="td-course">
5641																<span class="course-name">IoT융합개론</span>
5642																<span class="course-content-mo">IoT융합에 기본 이해 및 실무 내용 학습</span>
5643															</td>
5644															<td class="td-content text-start">IoT융합에 기본 이해 및 실무 내용 학습</td>
5645															<td class="td-univ">제주<br class="univ-break">한라대</td>
5646															<td>초급</td>
5647														</tr>
5648																											<tr data-level="초급"
5649														    data-name="IoT서비스디자인과기획"
5650														    data-content="IoT 서비스 디자인 기술과 프로젝트 기획 능력을 학습"
5651														    data-univ="대전대">
5652															<td class="td-course">
5653																<span class="course-name">IoT서비스디자인과기획</span>
5654																<span class="course-content-mo">IoT 서비스 디자인 기술과 프로젝트 기획 능력을 학습</span>
5655															</td>
5656															<td class="td-content text-start">IoT 서비스 디자인 기술과 프로젝트 기획 능력을 학습</td>
5657															<td class="td-univ">대전대</td>
5658															<td>초급</td>
5659														</tr>
5660																											<tr data-level="초급"
5661														    data-name="지능형IoT융합서비스(모듈형)"
5662														    data-content="산업 분야별 IoT·AI 융합서비스 설계·구현 실습"
5663														    data-univ="세종대">
5664															<td class="td-course">
5665																<span class="course-name">지능형IoT융합서비스(모듈형)</span>
5666																<span class="course-content-mo">산업 분야별 IoT·AI 융합서비스 설계·구현 실습</span>
5667															</td>
5668															<td class="td-content text-start">산업 분야별 IoT·AI 융합서비스 설계·구현 실습</td>
5669															<td class="td-univ">세종대</td>
5670															<td>초급</td>
5671														</tr>
5672																											<tr data-level="중급"
5673														    data-name="스마트모빌리티개론"
5674														    data-content="자율주행 기반 교통 이해 및 모빌리티 산업 개념 학습"
5675														    data-univ="대전대">
5676															<td class="td-course">
5677																<span class="course-name">스마트모빌리티개론</span>
5678																<span class="course-content-mo">자율주행 기반 교통 이해 및 모빌리티 산업 개념 학습</span>
5679															</td>
5680															<td class="td-content text-start">자율주행 기반 교통 이해 및 모빌리티 산업 개념 학습</td>
5681															<td class="td-univ">대전대</td>
5682															<td>중급</td>
5683														</tr>
5684																											<tr data-level="중급"
5685														    data-name="드론기술과응용"
5686														    data-content="드론의 하드웨어·데이터 기반 제어 기술과 응용 서비스"
5687														    data-univ="대전대">
5688															<td class="td-course">
5689																<span class="course-name">드론기술과응용</span>
5690																<span class="course-content-mo">드론의 하드웨어·데이터 기반 제어 기술과 응용 서비스</span>
5691															</td>
5692															<td class="td-content text-start">드론의 하드웨어·데이터 기반 제어 기술과 응용 서비스</td>
5693															<td class="td-univ">대전대</td>
5694															<td>중급</td>
5695														</tr>
5696																											<tr data-level="중급"
5697														    data-name="IoT스마트진단"
5698														    data-content="IoT의 다양한 센서와 데이터 분석 등 IoT 기술과 실무 능력"
5699														    data-univ="제주한라대">
5700															<td class="td-course">
5701																<span class="course-name">IoT스마트진단</span>
5702																<span class="course-content-mo">IoT의 다양한 센서와 데이터 분석 등 IoT 기술과 실무 능력</span>
5703															</td>
5704															<td class="td-content text-start">IoT의 다양한 센서와 데이터 분석 등 IoT 기술과 실무 능력</td>
5705															<td class="td-univ">제주<br class="univ-break">한라대</td>
5706															<td>중급</td>
5707														</tr>
5708																											<tr data-level="중급"
5709														    data-name="디지털트윈개론"
5710														    data-content="디지털 트윈 세계의 공간·휴먼·사물 구성 요소기술"
5711														    data-univ="세종대">
5712															<td class="td-course">
5713																<span class="course-name">디지털트윈개론</span>
5714																<span class="course-content-mo">디지털 트윈 세계의 공간·휴먼·사물 구성 요소기술</span>
5715															</td>
5716															<td class="td-content text-start">디지털 트윈 세계의 공간·휴먼·사물 구성 요소기술</td>
5717															<td class="td-univ">세종대</td>
5718															<td>중급</td>
5719														</tr>
5720																											<tr data-level="중급"
5721														    data-name="윈도우기반IoT응용개발"
5722														    data-content="Windows 기반으로 IoT 데이터 모니터링 프로그램 구현"
5723														    data-univ="대전대">
5724															<td class="td-course">
5725																<span class="course-name">윈도우기반IoT응용개발</span>
5726																<span class="course-content-mo">Windows 기반으로 IoT 데이터 모니터링 프로그램 구현</span>
5727															</td>
5728															<td class="td-content text-start">Windows 기반으로 IoT 데이터 모니터링 프로그램 구현</td>
5729															<td class="td-univ">대전대</td>
5730															<td>중급</td>
5731														</tr>
5732																											<tr data-level="중급"
5733														    data-name="혁신공유세미나"
5734														    data-content="공동교과 및 전문강좌 기반 융합형 실무교육"
5735														    data-univ="세종대">
5736															<td class="td-course">
5737																<span class="course-name">혁신공유세미나</span>
5738																<span class="course-content-mo">공동교과 및 전문강좌 기반 융합형 실무교육</span>
5739															</td>
5740															<td class="td-content text-start">공동교과 및 전문강좌 기반 융합형 실무교육</td>
5741															<td class="td-univ">세종대</td>
5742															<td>중급</td>
5743														</tr>
5744																											<tr data-level="중급"
5745														    data-name="첨단분야취업전략및준비"
5746														    data-content="첨단분야 직무 이해 및 취업 전략 역량 학습"
5747														    data-univ="세종대">
5748															<td class="td-course">
5749																<span class="course-name">첨단분야취업전략및준비</span>
5750																<span class="course-content-mo">첨단분야 직무 이해 및 취업 전략 역량 학습</span>
5751															</td>
5752															<td class="td-content text-start">첨단분야 직무 이해 및 취업 전략 역량 학습</td>
5753															<td class="td-univ">세종대</td>
5754															<td>중급</td>
5755														</tr>
5756																											<tr data-level="중급"
5757														    data-name="SIP창업실행세미나"
5758														    data-content="자기주도형 창업 전주기 역량 강화"
5759														    data-univ="세종대">
5760															<td class="td-course">
5761																<span class="course-name">SIP창업실행세미나</span>
5762																<span class="course-content-mo">자기주도형 창업 전주기 역량 강화</span>
5763															</td>
5764															<td class="td-content text-start">자기주도형 창업 전주기 역량 강화</td>
5765															<td class="td-univ">세종대</td>
5766															<td>중급</td>
5767														</tr>
5768																											<tr data-level="중급"
5769														    data-name="디자인씽킹을이용한사회문제해결"
5770														    data-content="IoT 스마트서비스 설계"
5771														    data-univ="제주대">
5772															<td class="td-course">
5773																<span class="course-name">
5773디자인씽킹을이용한사회문제해결</span>
5774																<span class="course-content-mo">IoT 스마트서비스 설계</span>
5775															</td>
5776															<td class="td-content text-start">IoT 스마트서비스 설계</td>
5777															<td class="td-univ">제주대</td>
5778															<td>중급</td>
5779														</tr>
5780																											<tr data-level="고급"
5781														    data-name="인공지능자율주행실무"
5782														    data-content="딥러닝을 활용한 자율주행 기술과 응용 방법"
5783														    data-univ="대전대">
5784															<td class="td-course">
5785																<span class="course-name">인공지능자율주행실무</span>
5786																<span class="course-content-mo">딥러닝을 활용한 자율주행 기술과 응용 방법</span>
5787															</td>
5788															<td class="td-content text-start">딥러닝을 활용한 자율주행 기술과 응용 방법</td>
5789															<td class="td-univ">대전대</td>
5790															<td>고급</td>
5791														</tr>
5792																											<tr data-level="고급"
5793														    data-name="AIoT기반지능형이동로봇프로그래밍"
5794														    data-content="AIoT 데이터처리 응용 기반 로봇 적용 방법 학습"
5795														    data-univ="동국대">
5796															<td class="td-course">
5797																<span class="course-name">AIoT기반지능형이동로봇프로그래밍</span>
5798																<span class="course-content-mo">AIoT 데이터처리 응용 기반 로봇 적용 방법 학습</span>
5799															</td>
5800															<td class="td-content text-start">AIoT 데이터처리 응용 기반 로봇 적용 방법 학습</td>
5801															<td class="td-univ">동국대</td>
5802															<td>고급</td>
5803														</tr>
5804																											<tr data-level="고급"
5805														    data-name="스마트재활"
5806														    data-content="IoT·센서기술 등을 활용한 개인 맞춤형 재활 치료 및 운동"
5807														    data-univ="제주한라대">
5808															<td class="td-course">
5809																<span class="course-name">스마트재활</span>
5810																<span class="course-content-mo">IoT·센서기술 등을 활용한 개인 맞춤형 재활 치료 및 운동</span>
5811															</td>
5812															<td class="td-content text-start">IoT·센서기술 등을 활용한 개인 맞춤형 재활 치료 및 운동</td>
5813															<td class="td-univ">제주<br class="univ-break">한라대</td>
5814															<td>고급</td>
5815														</tr>
5816																											<tr data-level="고급"
5817														    data-name="사물연동디지털트윈"
5818														    data-content="IoT 기반 사물연동 기술 및 디지털 트윈 구현 요소 기술"
5819														    data-univ="세종대">
5820															<td class="td-course">
5821																<span class="course-name">사물연동디지털트윈</span>
5822																<span class="course-content-mo">IoT 기반 사물연동 기술 및 디지털 트윈 구현 요소 기술</span>
5823															</td>
5824															<td class="td-content text-start">IoT 기반 사물연동 기술 및 디지털 트윈 구현 요소 기술</td>
5825															<td class="td-univ">세종대</td>
5826															<td>고급</td>
5827														</tr>
5828																											<tr data-level="고급"
5829														    data-name="IoT서비스개발실무"
5830														    data-content="사물인터넷과 인공지능의 융합을 통한 서비스 실무 학습"
5831														    data-univ="동국대">
5832															<td class="td-course">
5833																<span class="course-name">IoT서비스개발실무</span>
5834																<span class="course-content-mo">사물인터넷과 인공지능의 융합을 통한 서비스 실무 학습</span>
5835															</td>
5836															<td class="td-content text-start">사물인터넷과 인공지능의 융합을 통한 서비스 실무 학습</td>
5837															<td class="td-univ">동국대</td>
5838															<td>고급</td>
5839														</tr>
5840																											<tr data-level="고급"
5841														    data-name="IoT산업연계실습"
5842														    data-content="산업 연계 기반 IoT 현장 실무역량 강화"
5843														    data-univ="세종대">
5844															<td class="td-course">
5845																<span class="course-name">IoT산업연계실습</span>
5846																<span class="course-content-mo">산업 연계 기반 IoT 현장 실무역량 강화</span>
5847															</td>
5848															<td class="td-content text-start">산업 연계 기반 IoT 현장 실무역량 강화</td>
5849															<td class="td-univ">세종대</td>
5850															<td>고급</td>
5851														</tr>
5852																											<tr data-level="고급"
5853														    data-name="SIP재무투자세미나"
5854														    data-content="창업 프로젝트 기반 재무·회계·투자 역량 강화"
5855														    data-univ="세종대">
5856															<td class="td-course">
5857																<span class="course-name">SIP재무투자세미나</span>
5858																<span class="course-content-mo">창업 프로젝트 기반 재무·회계·투자 역량 강화</span>
5859															</td>
5860															<td class="td-content text-start">창업 프로젝트 기반 재무·회계·투자 역량 강화</td>
5861															<td class="td-univ">세종대</td>
5862															<td>고급</td>
5863														</tr>
5864																											<tr data-level="고급"
5865														    data-name="IoT인턴쉽"
5866														    data-content="산업체 현장에서 IoT 관련 실무 실습"
5867														    data-univ="대학별 운영">
5868															<td class="td-course">
5869																<span class="course-name">IoT인턴쉽</span>
5870																<span class="course-content-mo">산업체 현장에서 IoT 관련 실무 실습</span>
5871															</td>
5872															<td class="td-content text-start">산업체 현장에서 IoT 관련 실무 실습</td>
5873															<td class="td-univ">대학별 운영</td>
5874															<td>고급</td>
5875														</tr>
5876																											<tr data-level="고급"
5877														    data-name="IoT글로벌인턴쉽"
5878														    data-content="글로벌 산업현장 IoT 직무·문제해결 역량 강화"
5879														    data-univ="대학별 운영">
5880															<td class="td-course">
5881																<span class="course-name">IoT글로벌인턴쉽</span>
5882																<span class="course-content-mo">글로벌 산업현장 IoT 직무·문제해결 역량 강화</span>
5883															</td>
5884															<td class="td-content text-start">글로벌 산업현장 IoT 직무·문제해결 역량 강화</td>
5885															<td class="td-univ">대학별 운영</td>
5886															<td>고급</td>
5887														</tr>
5888																											<tr data-level="고급"
5889														    data-name="IoTSTAR프로젝트"
5890														    data-content="기업 제안형 WITHUS[X] 기반 팀프로젝트 수행"
5891														    data-univ="대학별 운영">
5892															<td class="td-course">
5893																<span class="course-name">IoTSTAR프로젝트</span>
5894																<span class="course-content-mo">기업 제안형 WITHUS[X] 기반 팀프로젝트 수행</span>
5895															</td>
5896															<td class="td-content text-start">기업 제안형 WITHUS[X] 기반 팀프로젝트 수행</td>
5897															<td class="td-univ">대학별 운영</td>
5898															<td>고급</td>
5899														</tr>
5900																										</tbody>
5901												</table>
5902											</div>
5903										</div>
5904									</div>
5905								</div>
5906							</div>
5907						</div>
5908					</div>
5909				</div>
5910			</div>
5911		</section>
5912	</div>
5913		</div>
5914		
5915					<div class="cursor-box"></div>
5916			</div>
5917	
5918	<footer id="footer" class="bg-[#111]">
5919	<div class="footer-body max-box">
5920		<div class="footer-inner py-[60px]">
5921			<div class="footer-row">
5922				<ul class="footer-univ-list">
5923					<li>
5924						<a href="https://www.sejong.ac.kr" target="_blank" rel="noopener noreferrer">
5925							<span class="logo-circle">
5926								<img src="https://iotcoss.ac.kr/image/sejong_uni.svg" alt="세종대학교">
5927							</span>
5928							<span class="name">세종대학교</span>
5929							<span class="arrow">
5930								<img src="https://iotcoss.ac.kr/image/arrow_wht.svg" alt="" class="arrow-wht">
5931								<img src="https://iotcoss.ac.kr/image/arrow_black.svg" alt="" class="arrow-black">
5932							</span>
5933						</a>
5934					</li>
5935					<li>
5936						<a href="https://www.dongguk.edu" target="_blank" rel="noopener noreferrer">
5937							<span class="logo-circle">
5938								<img src="https://iotcoss.ac.kr/image/dongguk_uni.svg" alt="동국대학교">
5939							</span>
5940							<span class="name">동국대학교</span>
5941							<span class="arrow">
5942								<img src="https://iotcoss.ac.kr/image/arrow_wht.svg" alt="" class="arrow-wht">
5943								<img src="https://iotcoss.ac.kr/image/arrow_black.svg" alt="" class="arrow-black">
5944							</span>
5945						</a>
5946					</li>
5947					<li>
5948						<a href="https://www.dju.ac.kr" target="_blank" rel="noopener noreferrer">
5949							<span class="logo-circle">
5950								<img src="https://iotcoss.ac.kr/image/daejeon_uni.svg" alt="대전대학교">
5951							</span>
5952							<span class="name">대전대학교</span>
5953							<span class="arrow">
5954								<img src="https://iotcoss.ac.kr/image/arrow_wht.svg" alt="" class="arrow-wht">
5955								<img src="https://iotcoss.ac.kr/image/arrow_black.svg" alt="" class="arrow-black">
5956							</span>
5957						</a>
5958					</li>
5959					<li>
5960						<a href="https://www.jejunu.ac.kr" target="_blank" rel="noopener noreferrer">
5961							<span class="logo-circle">
5962								<img src="https://iotcoss.ac.kr/image/jeju_uni.svg" alt="제주대학교">
5963							</span>
5964							<span class="name">제주대학교</span>
5965							<span class="arrow">
5966								<img src="https://iotcoss.ac.kr/image/arrow_wht.svg" alt="" class="arrow-wht">
5967								<img src="https://iotcoss.ac.kr/image/arrow_black.svg" alt="" class="arrow-black">
5968							</span>
5969						</a>
5970					</li>
5971					<li>
5972						<a href="https://www.chu.ac.kr" target="_blank" rel="noopener noreferrer">
5973							<span class="logo-circle">
5974								<img src="https://iotcoss.ac.kr/image/hanra_uni.svg" alt="제주한라대학교">
5975							</span>
5976							<span class="name">제주한라대학교</span>
5977							<span class="arrow">
5978								<img src="https://iotcoss.ac.kr/image/arrow_wht.svg" alt="" class="arrow-wht">
5979								<img src="https://iotcoss.ac.kr/image/arrow_black.svg" alt="" class="arrow-black">
5980							</span>
5981						</a>
5982					</li>
5983					<li>
5984						<a href="https://www.jeju.go.kr" target="_blank" rel="noopener noreferrer">
5985							<span class="logo-circle">
5986								<img src="https://iotcoss.ac.kr/image/jejudo_logo.svg" alt="제주특별자치도">
5987							</span>
5988							<span class="name">제주특별자치도</span>
5989							<span class="arrow">
5990								<img src="https://iotcoss.ac.kr/image/arrow_wht.svg" alt="" class="arrow-wht">
5991								<img src="https://iotcoss.ac.kr/image/arrow_black.svg" alt="" class="arrow-black">
5992							</span>
5993						</a>
5994					</li>
5995				</ul>
5996			</div>
5997			<div class="footer-row mt-[60px]">
5998				<div class="footer-column logo-column flex items-center justify-between">
5999					<a href="https://iotcoss.ac.kr" class="logo">
6000						<img src="https://iotcoss.ac.kr/image/logo_f.svg"/>
6001					</a>
6002					<div class="family-select-box flex gap-[12px]">
6003						<select name="family_select" id="family_select" class="slim-select family-select">
6004							<option value="">Family Site</option>
6005							<option value="https://coss.ac.kr/">COSS</option>
6006							<option value="https://www.jejuiucc.or.kr/">제주산학융합원</option>
6007							<option value="https://www.etri.re.kr/intro.html?t=1788769978376">ETRI</option>
6008						</select>
6009						<ul class="social-list flex gap-[12px]">
6010							<li class="youtube-li">
6011								<a href="https://youtube.com/@iotcoss?si=gAOf99ATbWqJj5xm" target="_blank"></a>
6012							</li>
6013							<li class="insta-li">
6014								<a href="https://www.instagram.com/iotcoss_sju?igsh=bGhrMHY4M2UyaXVz" target="_blank"></a>
6015							</li>
6016							<li class="blog-li">
6017								<a href="https://m.blog.naver.com/PostList.naver?blogId=sjuiotcoss&tab=1" target="_blank"></a>
6018							</li>
6019						
6020						</ul>
6021					</div>
6022				</div>
6023			</div>
6024			<div class="footer-row mt-[60px] pt-[30px] border-t border-[#EEEEEE33]">
6025				<div class="footer-column link-column leading-[1.6] font-[500] text-[#ccc] flex items-center justify-between">
6026					<ul class="link-list flex gap-[40px]">
6027						<li class="text-[1.6rem]">
6028							<a href="https://iotcoss.ac.kr/terms/personal">개인정보처리방침</a>
6029						</li>
6030						<li class="text-[1.6rem]">
6031							<a href="javascript:;" onclick="readyOpen();">이용약관</a>
6032						</li>
6033						<li class="text-[1.6rem]">
6034							<a href="javascript:;" onclick="readyOpen();">저작권·이메일무단수집거부</a>
6035						</li>
6036					</ul>
6037					<p class="text-[1.4rem]">Copyright © 사물인터넷 혁신융합대학사업단 All Rights Reserved.</p>
6038				</div>
6039			</div>
6040		</div>
6041	</div>
6042</footer>
6043
6044<div class="quick move z-[5]">
6045	<div class="quick-menu-box">
6046		<a href="https://lms.iotcoss.ac.kr/" target="_blank" class="lms-btn quick-menu-btn flex items-center justify-center flex-col">
6047			<img src="https://iotcoss.ac.kr/image/quick_lms.svg" alt="lms" class="pc">
6048			<img src="https://iotcoss.ac.kr/image/quick_lms_mo.svg" alt="lms" class="mo">
6049			<p class="mt-[5px] text-[1.2rem] leading-[1.6] text-[#fff] font-[500]">LMS</p>
6050		</a>
6051		<a href="https://starpath.iotcoss.ac.kr/" target="_blank" class="quick-menu-btn flex items-center justify-center flex-col">
6052			<img src="https://iotcoss.ac.kr/image/quick_manage.svg" alt="manage" class="pc">
6053			<img src="https://iotcoss.ac.kr/image/quick_manage_mo.svg" alt="manage" class="mo">
6054			<p class="mt-[5px] text-[1.2rem] leading-[1.6] text-[#fff] font-[500] text-center">비교과<br>관리 시스템</p>
6055		</a>
6056		<a href="https://withus.iotcoss.ac.kr" target="_blank" class="quick-menu-btn flex items-center justify-center flex-col">
6057			<img src="https://iotcoss.ac.kr/image/quick_with.svg" alt="with" class="pc">
6058			<img src="https://iotcoss.ac.kr/image/quick_with_mo.svg" alt="with" class="mo">
6059			<p class="mt-[5px] text-[1.2rem] leading-[1.6] text-[#fff] font-[500]">With Us</p>
6060		</a>
6061		<a href="https://career.iotcoss.ac.kr" target="_blank" class="quick-menu-btn flex items-center justify-center flex-col">
6062			<img src="https://iotcoss.ac.kr/image/quick_ai.svg" alt="ai" class="pc">
6063			<img src="https://iotcoss.ac.kr/image/quick_ai_mo.svg" alt="ai" class="mo">
6064			<p class="mt-[5px] text-[1.2rem] leading-[1.6] text-[#fff] font-[500]">AI 코스웨어</p>
6065		</a>
6066		<a href="https://sugang.iotcoss.ac.kr" target="_blank" class="quick-menu-btn flex items-center justify-center flex-col">
6067			<img src="https://iotcoss.ac.kr/image/quick_doc.svg" alt="document" class="pc">
6068			<img src="https://iotcoss.ac.kr/image/quick_doc_mo.svg" alt="document" class="mo">
6069			<p class="mt-[5px] text-[1.2rem] leading-[1.6] text-[#fff] font-[500]">이수증 발급</p>
6070		</a>
6071		<a href="javascript:;" class="quick-open quick-menu-btn flex items-center justify-center flex-col">
6072			<img src="https://iotcoss.ac.kr/image/quick.svg" alt="quick" class="pc">
6073			<img src="https://iotcoss.ac.kr/image/quick_mo.svg" alt="quick" class="mo">
6074			<p class="mt-[5px] text-[1.2rem] leading-[1.6] text-[#fff] font-[500]">퀵메뉴</p>
6075		</a>
6076	</div>
6077	<a href="javascript:;" class="top-btn">
6078		<p class="text-[1.2rem] font-[500] leading-[1.6] text-[#0057FF]">TOP</p>
6079		<img src="https://iotcoss.ac.kr/image/quick_top.svg" alt="quick_top" class="pc">
6080		<img src="https://iotcoss.ac.kr/image/quick_top_mo.svg" alt="quick_top" class="mo">
6081	</a>
6082</div>
6083
6084<script>
6085	/*------- 퀵메뉴 -------*/
6086	document.addEventListener('DOMContentLoaded', () => {
6087		if ($('#main').length) {
6088
6089			/*------- footer -------*/
6090			/* gsap.from("#footer", {
6091				scrollTrigger: {
6092					trigger      : "#footer",
6093					start        : "top bottom",
6094					toggleActions: "play none none none"
6095				},
6096				y            : 0,
6097				opacity      : 0,
6098				duration     : 1,
6099				ease         : "power3.out",
6100				delay        : 0.5
6101			}); */
6102		}
6103
6104		const familySelect = document.getElementById('family_select');
6105		if (familySelect) {
6106			const openFamilySite = (url) => {
6107				if (!url) return;
6108				window.open(url, '_blank', 'noopener,noreferrer');
6109			};
6110
6111			const slim = familySelect.slim;
6112			if (slim && slim.render && slim.render.callbacks) {
6113				slim.render.callbacks.beforeChange = (after) => {
6114					openFamilySite(after && after[0] && after[0].value);
6115					return false;
6116				};
6117			} else {
6118				familySelect.addEventListener('change', function () {
6119					openFamilySite(this.value);
6120					this.selectedIndex = 0;
6121				});
6122			}
6123		}
6124
6125		/*------- quick -------*/
6126		const quickBtns = document.querySelectorAll('.quick-menu-btn');
6127		const mainQuick = document.querySelector('.quick-open');
6128		const quickBox = mainQuick.closest('.quick-menu-box');
6129		const totalBtns = quickBtns.length - 1;
6130
6131		function openMenu() {
6132			quickBtns.forEach((btn, index) => {
6133				if (btn === mainQuick) return;
6134				btn.style.top = `-${(totalBtns - index) * 90}px`;
6135			});
6136
6137			quickBox.classList.add('open');
6138			mainQuick.dataset.open = "true";
6139		}
6140
6141		function closeMenu() {
6142			quickBtns.forEach((btn) => {
6143				if (btn === mainQuick) return;
6144				btn.style.top = '0';
6145			});
6146
6147			setTimeout(() => {
6148				quickBox.classList.remove('open');
6149			}, 200);
6150
6151			mainQuick.dataset.open = "false";
6152		}
6153
6154		quickBox.addEventListener('mouseenter', () => {
6155			openMenu();
6156		});
6157
6158		quickBox.addEventListener('mouseleave', () => {
6159			closeMenu();
6160		});
6161
6162	});
6163</script>
6163
6164</div>
6165
6166	
6166<script>
6167		$(function () {
6168			const $filter = $('.standard-search .level-filter button');
6169			const $form = $('.standard-search .search-form');
6170			const $field = $('#standardSfield');
6171			const $keyword = $('#standardSkeyword');
6172			const $tables = $('.table-wrap[data-box] table');
6173
6174			function normalize(value) {
6175				return String(value || '').toLowerCase().replace(/\s+/g, '');
6176			}
6177
6178			function filterStandardList() {
6179				const level = $filter.filter('.on').data('level') || 'all';
6180				const field = $field.val() || '';
6181				const keyword = normalize($keyword.val());
6182
6183				$tables.each(function () {
6184					const $tbody = $(this).find('tbody');
6185					const $rows = $tbody.find('tr').not('.empty-row');
6186					let visibleCount = 0;
6187
6188					$rows.each(function () {
6189						const row = this;
6190						const matchLevel = level === 'all' || row.getAttribute('data-level') === level;
6191						let matchKeyword = true;
6192
6193						if (keyword) {
6194							const name = normalize(row.getAttribute('data-name'));
6195							const univ = normalize(row.getAttribute('data-univ'));
6196							const content = normalize(row.getAttribute('data-content'));
6197
6198							if (field === 'name') {
6199								matchKeyword = name.indexOf(keyword) !== -1;
6200							} else if (field === 'univ') {
6201								matchKeyword = univ.indexOf(keyword) !== -1;
6202							} else {
6203								matchKeyword = name.indexOf(keyword) !== -1
6204									|| univ.indexOf(keyword) !== -1
6205									|| content.indexOf(keyword) !== -1;
6206							}
6207						}
6208
6209						const show = matchLevel && matchKeyword;
6210						row.classList.toggle('is-hide', !show);
6211						if (show) {
6212							visibleCount++;
6213						}
6214					});
6215
6216					let $empty = $tbody.find('tr.empty-row');
6217					if (!$empty.length) {
6218						$empty = $('<tr class="empty-row"><td colspan="4">검색 결과가 없습니다.</td></tr>');
6219						$tbody.append($empty);
6220					}
6221					$empty.toggleClass('is-hide', visibleCount !== 0);
6222				});
6223			}
6224
6225			$filter.on('click', function () {
6226				$filter.removeClass('on');
6227				$(this).addClass('on');
6228				filterStandardList();
6229			});
6230
6231			$form.on('submit', function (e) {
6232				e.preventDefault();
6233				filterStandardList();
6234			});
6235
6236			$field.on('change', function () {
6237				if (normalize($keyword.val())) {
6238					filterStandardList();
6239				}
6240			});
6241		});
6242	</script>
6242
6243
6244
6245
6246</body>
6247</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.