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.