{"id":8,"date":"2025-07-17T04:31:06","date_gmt":"2025-07-17T04:31:06","guid":{"rendered":"https:\/\/spj2017.mycafe24.com\/?page_id=8"},"modified":"2025-11-27T05:27:22","modified_gmt":"2025-11-27T05:27:22","slug":"home","status":"publish","type":"page","link":"https:\/\/spj2017.com\/","title":{"rendered":"HOME"},"content":{"rendered":"\n<link rel=\"stylesheet\" href=\"\/\/cdn.jsdelivr.net\/npm\/xeicon@2.3.3\/xeicon.min.css\">\n<link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.css\"\/>\n\n\n\n<style>\n.mb-widget .mb-latest-basic .table-latest td.mb-latest-item-title span{font-size: 16px !important;}\n\n.entry-content p {margin-bottom:0;}\n.inner {width:90%; margin:0 auto; max-width:1600px;}\nh6 {font-size:18px;}\n.titleWrap {}\n.titleWrap .title h6 { font-weight:700;}\n.titleWrap .title h2 { font-weight:700;}\n.btnWrap {display: flex; justify-content: center; align-items: center; gap: 20px; width: fit-content; padding: 6px 25px; border: 1px solid #fff; text-transform: uppercase;transition:0.4s;}\n.btnWrap h6 {color:#fff; transition:0.4s;}\n.btnWrap i {color:#fff;transition:0.4s;}\n.btnWrap:hover {background:#fff;}\n.btnWrap:hover h6, .btnWrap:hover i {color:#222;}\n\n\/*sec1*\/\n.section1 {position: relative;}\n.section1 h1 {line-height: 1.2em !important; font-weight: 700; color:#fff;}\n.section1 .swiper {width: 100%; height: 100vh;}\n.section1 .swiper-slide {text-align: center; font-size: 18px; background: #fff; display: flex; justify-content: center; align-items: center;}\n.section1 .swiper-slide img {display: block; width: 100%; height: 100%; object-fit: cover; transform: scale(1); transition: transform 4s ease;}\n.section1 .swiper-slide.active-zoom img {transform: scale(1.1); \/* \ud655\ub300 \ubc30\uc728 *\/}\n.titleBox {position: relative;}\n\n\/*\uc2ac\ub77c\uc774\ub4dc\ubc84\ud2bc*\/\n.section1 .swiper-button-next{margin-top:5px; position:inherit !important; color:#fff; background:url('\/wp-content\/uploads\/2024\/11\/rbtn.png') no-repeat 50% 50%; background-size:100% auto; background-position:center; width:20px; height:20px;}\n.section1 .swiper-button-prev{margin-top:5px;position:inherit !important; color:#fff; background:url('\/wp-content\/uploads\/2024\/11\/lbtn.png') no-repeat 50% 50%; background-size:100% auto; background-position:center; width:20px; height:20px;}\n.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{opacity:.5;}\n.swiper-button-next::after, .swiper-button-prev::after {display: none;}\n\/*\ud398\uc774\uc9c0\ub124\uc774\uc158*\/\n.section1 .swiper-pagination{position:inherit !important; width:auto !important;}\n.section1 .swiper-pagination span{position:relative; display:inline-block; margin-right:25px !important; background:#bcb5ae; opacity:0.8 !important; width:6px; height:6px;}\n.section1 .swiper-pagination-bullet-active{background:#fff !important;}\n.section1 .swiper-pagination-bullet-active:after{border:1px solid #fff !important; content:''; border-radius:50px; width:20px; height:20px; display:inline-block; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}\n\n.section1 .title.titbtn {position: absolute; top: 50%; left: 40%; transform: translate(-50%, -50%); z-index: 10; text-align: left !important; width: auto !important;}\n.section1 .btnBox{display:flex; justify-content:flex-start; align-items:center; gap:25px; padding-right:300px;}\n\n.banner_mini{position: absolute;bottom: -1%;z-index: 99;width:100%;}\n\n\n.sub-inner {max-width: 1800px; width:100%;}\n\n\/*sec_1 \ud504\ub85c\uadf8\ub7a8*\/\n.program_wrap{padding:50px 0px ; background: #efefef;}\n.program_wrap .sub-inner{margin:0 auto;}\n.h2_circle{width:10px; height:10px; background-color:#ee1c25; position:absolute;top:0px; border-radius:100px;}\n.sec_1 .swiper {width:98%; margin:0 auto; height: 100%; padding:10px 0px; }\n.sec_1 .swiper-wrapper{display: flex; flex-wrap: wrap;}\n.sec_1 .swiper-slide {margin:0px 10px; !important; display: flex; flex-direction: column; \/* \uc138\ub85c \uc815\ub82c\ub85c \ubcc0\uacbd *\/ justify-content: flex-start; \/* \uc704\ubd80\ud130 \uc313\uae30 *\/ align-items: flex-start; \/* \uc67c\ucabd \uc815\ub82c (\uc6d0\ud558\uba74 center\ub85c \ubc14\uafd4\ub3c4 \ub428) *\/ padding: 30px; border-radius: 10px; \/*background: #fff;*\/ box-shadow: 0 0 10px; width: auto; max-width: 100%; box-sizing: border-box; height: 500px; \/* \ub192\uc774 \uace0\uc815 *\/\nflex: 1 1 calc(20% - 20px);}\n\n.sec_1 .swiper-slide h3 {min-height: 100px; margin-top: 0; margin-bottom: 15px; \/* \ub0b4\uc6a9\uacfc\uc758 \uac04\uaca9 *\/\ntext-align:center;}\n\n.sec_1 .swiper-slide p {flex: 1; overflow: hidden; max-height: 200px; text-overflow: ellipsis;}\n.program h3{font-size:28px;}\n.program p:first-child{width:100%;}\n\n.sec_1 .swiper-slide h3, .sec_1 .swiper-slide p {color:#fff !important; text-align:left;}\n.sec_1 .swiper-slide img { display: block; width: 100%; height: 100%;object-fit: cover; }\n.program_wrap h2{font-size: 35px !important; text-align: center; font-weight: bold;}\n.sec_1 .swiper-pagination2 .swiper-pagination-bullet-active {background-color: #ee1c25; \/* \uc6d0\ud558\ub294 \ud65c\uc131 \uc0c9\uc0c1 *\/}\n\n.plus { display: inline-block; border: 1px solid #000;  padding: 10px 20px; border-radius: 10px; position: absolute; bottom: 50px;margin: 0 auto; left: 50%;transform: translateX(-50%); transition:all .3s;}\n.plus:hover{background:#fff;}\n\n.program1 {background:#e4c7b9;}\n.program2 {background:#e4c7b9;}\n.program3 {background:#e4c7b9;}\n.program4 {background:#e4c7b9;}\n.program5 {background:#e4c7b9;}\n\n.program1 > .program h3, .program1 > .program p{color:#000 !important;}\n.program2 > .program h3, .program2 > .program p{color:#000 !important;}\n.program3 > .program h3, .program3 > .program p{color:#000 !important;}\n.program4 > .program h3, .program4 > .program p{color:#000 !important;}\n.program5 > .program h3, .program5 > .program p{color:#000 !important;}\n\n.program1:hover {background:#edd5cc;}\n.program2:hover {background:#edd5cc;}\n.program3:hover {background:#edd5cc;}\n.program4:hover {background:#edd5cc;}\n.program5:hover {background:#edd5cc;}\n\/*\n.program1{background-image:url('\/wp-content\/uploads\/2025\/08\/\uba54\uc778_program_1b.png');background-repeat:no-repeat; background-size:cover;}\n.program2{background-image:url('\/wp-content\/uploads\/2025\/08\/\uba54\uc778_program_2b.png');background-repeat:no-repeat; background-size:cover;}\n.program3{background-image:url('\/wp-content\/uploads\/2025\/08\/\uba54\uc778_program_3b.png');background-repeat:no-repeat; background-size:cover;}\n.program4{background-image:url('\/wp-content\/uploads\/2025\/08\/\uba54\uc778_program_4b.png');background-repeat:no-repeat; background-size:cover;}\n.program5{background-image:url('\/wp-content\/uploads\/2025\/08\/\uba54\uc778_program_5b.png');background-repeat:no-repeat; background-size:cover;}\n\n\n.program1:hover {background-image: url('\/wp-content\/uploads\/2025\/07\/program_1-1.png');}\n.program2:hover {background-image: url('\/wp-content\/uploads\/2025\/07\/program_2.png');}\n.program3:hover {background-image: url('\/wp-content\/uploads\/2025\/07\/program_3.png');}\n.program4:hover {background-image: url('\/wp-content\/uploads\/2025\/07\/program_4.png');}\n.program5:hover {background-image: url('\/wp-content\/uploads\/2025\/07\/program_5.png');}\n\n\n.program1:hover > .program h3, .program1:hover >.program p{color:#000 !important;}\n.program2:hover > .program h3, .program2:hover >.program p{color:#000 !important;}\n.program3:hover > .program h3, .program3:hover >.program p{color:#000 !important;}\n.program4:hover > .program h3, .program4:hover >.program p{color:#000 !important;}\n.program5:hover > .program h3, .program5:hover >.program p{color:#000 !important;}\n\n\n.program1:hover {background:#cf0019;}\n.program2:hover {background:#dc0721;}\n.program3:hover {background:#f84345;}\n.program4:hover {background:#ee6a6b;}\n.program5:hover {background:#f69595;}\n\n.program1:hover {background:#e4c7b9;}\n.program2:hover {background:#e4c7b9;}\n.program3:hover {background:#e4c7b9;}\n.program4:hover {background:#e4c7b9;}\n.program5:hover {background:#e4c7b9;}\n*\/\n\n\n.program1:hover .plus,.program2:hover .plus,.program3:hover .plus,.program4:hover .plus,.program5:hover .plus{border-color:#000;}\n\n\/*sec2*\/\n.inner_s{margin:0 auto; height: 100%;}\n.sec_2{\nwidth: 100%;height: 200px;background-color: #333;margin: 0;text-align: center;\nbackground-image:url(\"\/wp-content\/uploads\/2025\/07\/mini_banner.png\"); background-size:cover;\nbackground-repeat:no-repeat;\n}\n.inner_ul{display: flex; justify-content: space-evenly; align-items: center; height: 100%;}\n.inner_ul li{font-size:40px ; color:#fff;font-weight:500;}\n.inner_ul img{width:250px;}\n\n.li_left, .li_right{width:250px;position:relative;}\n.li_left img{position:absolute;}\n.li_left img:first-child{width:120px;right:0px;top:-100px;}\n.li_left img:nth-child(2){width:90px;top:-20px;left:0px;}\n.li_left img:nth-child(3){width:100px;bottom:-100px; right:0px;}\n\n\n.li_right img{position:absolute;}\n.li_right img:first-child{width:120px;left:0px;top:-50px;}\n.li_right img:nth-child(2){width:90px;right:0px;}\n\n\n\/*sec_3 \uacf5\uc9c0\uc0ac\ud56d*\/\n\n.sec_3 .sub-inner{margin:50px auto;}\n.sect_3 >.sub-inner> h4{text-align:center; font-size: 50px !important; font-weight: bold;}\n.mb-latest-title{display:none;}\n\n\n.mb-widget .mb-latest-basic .table-latest {\n  border-collapse: separate;\n  border-spacing: 10px; \/* \uc140 \uc0ac\uc774 \uc5ec\ubc31 *\/\n}\n\n.mb-widget .mb-latest-basic .table-latest td {\n  border: 1px solid #ddd;\n  border-radius: 10px;\n  background-color: #fff;\n  box-shadow: 5px 5px 3px #f5f5f5;\n  padding: 20px !important;\n  transition: all 0.3s ease;\n}\n\n\/* hover \uc0c1\ud0dc *\/\n.mb-widget .mb-latest-basic .table-latest td:hover {\n  border: 1px solid #555; \/* \ud14c\ub450\ub9ac \uc0c9 \uc9c4\ud558\uac8c *\/\n  background-color: #f9f9f9; \/* \uc5f0\ud55c \ud68c\uc0c9 \ubc30\uacbd *\/\n}\n\n@media (max-width: 1647px) {\n .sec_1 .swiper-wrapper {\n    justify-content: center;\n    flex-wrap: wrap;\n  }\n  .sec_1 .swiper-slide {\n    flex: 1 1 calc(33.33% - 20px);\n    max-width: calc(33.33% - 40px);\n  }\n.swiper-slide:nth-child(4), .swiper-slide:nth-child(5){margin-top:25px;}\n}\n\n@media (max-width:1024px){\n.title h1{font-size:40px !important;}\n.sec_1 .swiper-wrapper {justify-content: center; gap: 20px;}\n.sec_1 .swiper-slide {flex: 0 0 calc(45% - 20px) !important; max-width: calc(45% - 20px) !important; margin: 0 auto 20px auto !important;}\n}\n\n@media (max-width:768px){\n.inner_ul .li_p{font-size:30px !important;}\n.sec_1 .swiper-wrapper {justify-content: center;}\n.sec_1 .swiper-slide {flex: 0 0 85% !important; max-width: 85% !important;margin: 0 auto 20px auto !important;}\n}\n\n@media (max-width:720px){\n.inner_ul .li_p{font-size:30px !important;}\n    padding-left: 20px; \/* \uc606\uc5d0 \uc5ec\ubc31 \ub354 \uc90c *\/\n    padding-right: 20px;\n}\n\n@media (max-width:580px){\n.title h1{font-size:30px !important; padding-left: 5%;}\n}\n\n@media (max-width:500px){\n.section1 .title.titbtn {\n    left: 50% !important;\n    transform: translate(-50%, -50%) !important;\n    width: 90% !important;   \/* \uc791\uc740 \ud654\uba74\uc5d0\uc11c \uc804\uccb4 \uc601\uc5ed \ud655\ubcf4 *\/\n    padding: 0 10px !important;\n  }\n.section1 h1 {\n    font-size: 25px !important;\n    line-height: 1.4em !important;\n    white-space: normal !important; \/* \uc904\ubc14\uafc8 \ud5c8\uc6a9 *\/\n    word-break: keep-all !important; \/* \ub2e8\uc5b4 \ub2e8\uc704 \uc904\ubc14\uafc8 *\/\n    padding: 0 !important;\n    margin: 0 !important;\n  }\n}\n\n@media (max-width: 479px) {\n  .sec_1 .swiper-slide {\n    width: 85% !important; \/* \uc2ac\ub77c\uc774\ub4dc \ud06c\uae30 85% *\/\n    margin-right: 40px !important; \/* \ud654\uba74 \uc911\uc559\uc5d0 \uc704\uce58 *\/\npadding:20px !important;\n  }\n}\n\n@media (max-width:425px){\n.inner_ul .li_p{font-size:20px !important;}\n}\n@media (max-width: 375px) {\n  .sec_1 .swiper-slide {\n    width: 85% !important; \/* \uc2ac\ub77c\uc774\ub4dc \ud06c\uae30 85% *\/\n    margin-right: 35px !important; \/* \ud654\uba74 \uc911\uc559\uc5d0 \uc704\uce58 *\/\n  }\n}\n@media (max-width: 325px){\n.plus { padding: 10px 10px; }\n\n}\n@media (max-width: 320px) {\n  .sec_1 .swiper-slide {\n    width: 85% !important; \/* \uc2ac\ub77c\uc774\ub4dc \ud06c\uae30 85% *\/\n    margin-right: 30px !important; \/* \ud654\uba74 \uc911\uc559\uc5d0 \uc704\uce58 *\/\n\n  }\n}\n\n\n\n<!--\n.animated-img {\n  animation: bounceRotateScale 1.2s ease-in-out forwards;\n}\n\n@keyframes bounceRotateScale {\n  0% {\n    transform: scale(1) rotate(0deg);\n  }\n  20% {\n    transform: scale(1.2) rotate(10deg);\n  }\n  40% {\n    transform: scale(1.2) rotate(-10deg);\n  }\n  60% {\n    transform: scale(1.2) rotate(10deg);\n  }\n  80% {\n    transform: scale(1.2) rotate(-10deg);\n  }\n  100% {\n    transform: scale(1) rotate(0deg);\n  }\n}\n-->\n<\/style>\n\n\n\n<div class=\"section1\">\n<!-- Swiper -->\n<img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/07\/main_in.png\" alt=\"\ubc30\ub108\uafb8\ubc08\uc694\uc18c\" class=\"banner_mini\">\n<div class=\"swiper mySwiper\">\n<div class=\"title titbtn\">\n<div class=\"titleBox\">\n<h1>\uc790\uc2e0\uac10 \uc788\ub294 \uc601\uc5b4, \uc2dc\uc791\uc774 \ub2e4\ub985\ub2c8\ub2e4.<br>\n<span>\uc368\ubc0bSPJ\uae40\ud3ec\ubcf8\uc6d0\uc5b4\ud559\uc6d0<\/span>\uc758 \uc774\uc911\uc5b8\uc5b4\uc790 \uc591\uc131 \uad50\uc721,<br> \uadf8 \ud6a8\uacfc\ub97c \uc9c1\uc811 \uacbd\ud5d8\ud558\uc138\uc694.<br>\n\uc6b0\ub9ac \uc544\uc774\uc758 \uc601\uc5b4 \uad50\uc721, \ub354 \uc774\uc0c1 \uace0\ubbfc\ud560 \ud544\uc694 \uc5c6\uc2b5\ub2c8\ub2e4!<br>\n\uc368\ubc0b\uacfc \ud568\uaed8\ub77c\uba74, <span>\ud655\uc2e4\ud55c \ubcc0\ud654\uac00 \uc2dc\uc791\ub429\ub2c8\ub2e4.<\/span><\/h1>\n<\/div>\n<div class=\"btnBox\">\n<div class=\"swiper-pagination\"><\/div>\n<div class=\"swiper-button-prev\"><\/div>\n<div class=\"swiper-button-next\"><\/div>\n<\/div>\n<\/div>\n<div class=\"swiper-wrapper\">\n<div class=\"swiper-slide\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/07\/main_banner_1.png\"><\/div>\n<div class=\"swiper-slide\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/07\/main_banner_2.png\"><\/div>\n<div class=\"swiper-slide\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/07\/main_banner_3.png\"><\/div>\n<\/div>\n<\/div>\n\n<\/div><!--sec1-->\n\n\n\n<div class=\"program_wrap\">\n<div class=\"sub-inner\">\n<h2 data-aos=\"fade-up\" data-aos-duration=\"1500\">PROGRAM<span class=\"h2_circle\"><\/span><\/h2>\n\n<div class=\"sec_1\" data-aos=\"fade-up\" data-aos-duration=\"1500\">\n  <!-- Swiper -->\n  <div class=\"swiper mySwiper2\">\n    <div class=\"swiper-wrapper\">\n      <div class=\"swiper-slide program1\">\n<div class=\"program\">\n       <h3>\uc720\uce58\ubd80<\/h3>\n       <p>\uc601\uc5b4\ub97c \ucc98\uc74c \uc2dc\uc791\ud558\ub294 \uc544\uc774\ub4e4\uc744 \uc704\ud55c \uc720\uce58\ubd80 \uacfc\uc815\uc740 \ub180\uc774 \uc911\uc2ec\uc758 \ubab0\uc785\ud615 \uc218\uc5c5\uc744 \ud1b5\ud574 \uc790\uc5f0\uc2a4\ub7fd\uac8c \uc601\uc5b4\uc5d0 \uc775\uc219\ud574\uc9c0\uace0, \uc601\uc5b4\uc5d0 \ub300\ud55c \ud765\ubbf8\uc640 \uc790\uc2e0\uac10\uc744 \ud0a4\uc6b8 \uc218 \uc788\ub3c4\ub85d \uc124\uacc4\ub418\uc5b4 \uc788\uc2b5\ub2c8\ub2e4. \ub9d0\ud558\uae30, \ub4e3\uae30, \uae30\ucd08 \ubb38\ud574\ub825\uae4c\uc9c0 \uade0\ud615 \uc788\uac8c \ub2e4\ub8e8\uba70 \uc990\uac81\uace0 \ucc3d\uc758\uc801\uc778 \ud658\uacbd\uc5d0\uc11c \uc5b8\uc5b4 \uac10\uac01\uc744 \uae38\ub7ec\uc90d\ub2c8\ub2e4.\n<\/p>\n\n<p class=\"plus\"><a href=\"\/?page_id=22\" title=\"\uc720\uce58\ubd80 \uc774\ub3d9\">\ub354 \uc0b4\ud3b4\ubcf4\uae30 +<\/a><\/p>\n\n\n<\/div><!-- program -->\n      <\/div>\n      <div class=\"swiper-slide program2\">\n<div class=\"program\">\n<h3>\ucd08\ub4f1\ubd80<br>(\uc720\uce58\ubd80 \uc878\uc5c5\uc790 \uacfc\uc815)<\/h3>\n<p>\n\uc720\uce58\ubd80 \uacfc\uc815\uc744 \ub9c8\uce5c \ud559\uc0dd\ub4e4\uc744 \uc704\ud55c \ucd08\ub4f1\ubd80 \ucee4\ub9ac\ud058\ub7fc\uc740 \uc5f0\uacc4\ub41c \uc5b4\ud559\uc218\uc5c5\uacfc Grammar \ubc0f Writing \uc2e4\ub825 \uac15\ud654\ub97c \ud1b5\ud574 \ud0c4\ud0c4\ud55c \uc601\uc5b4 \uc2e4\ub825\uc744 \ub2e4\uc9c0\uace0, Debate \uc218\uc5c5\uc744 \ud1b5\ud574 \ub17c\ub9ac\uc801 \uc0ac\uace0\ub825\uacfc \ub9d0\ud558\uae30 \ub2a5\ub825\uc744 \ud0a4\uc6c1\ub2c8\ub2e4. \uc774\ud6c4 TEPS \ubc0f \uc218\ub2a5 \ub300\ube44\ub97c \uc704\ud55c \uccb4\uacc4\uc801\uc778 \uc785\uc2dc \uc900\ube44 \uacfc\uc815\uc73c\ub85c \uc5f0\uacb0\ub418\uc5b4 \uc911\ud559\uad50 \uc785\ud559 \uc804\uae4c\uc9c0 \ucd5c\uace0 \uc218\uc900\uc758 \uc2e4\ub825\uc744 \uac16\ucd9c \uc218 \uc788\ub3c4\ub85d \ub3c4\uc640\uc90d\ub2c8\ub2e4.\n<\/p>\n<p class=\"plus\"><a href=\"\/?page_id=26\" title=\"\ucd08\ub4f1\ubd80 \uc720\uce58\ubd80 \uc774\ub3d9\">\ub354 \uc0b4\ud3b4\ubcf4\uae30 +<\/a><\/p>\n<\/div><!-- program -->\n\n<\/div>\n      <div class=\"swiper-slide program3\">\n<div class=\"program\">\n<h3>\ucd08\ub4f1\ubd80<br>(\uc77c\ubc18 \uc5b4\ud559\uc6d0 \uacfc\uc815)<\/h3>\n<p>\n\uc601\uc5b4\ub97c \ucc98\uc74c \uc811\ud558\ub294 \ucd08\ub4f1\ud559\uc0dd\ub4e4\uc744 \uc704\ud55c \uc77c\ubc18 \uc5b4\ud559\uc6d0 \uacfc\uc815\uc740 \uae30\ubcf8 \uc18c\ub9ac \ud559\uc2b5\uacfc \uc9e7\uc740 \ubb38\uc7a5 \uc77d\uae30\ubd80\ud130 \uc2dc\uc791\ud558\uc5ec \uc810\ucc28 Reading\uacfc Grammar, Writing \ub2a5\ub825\uc744 \uac15\ud654\ud569\ub2c8\ub2e4. \uace0\ud559\ub144\uc73c\ub85c \uc62c\ub77c\uac08\uc218\ub85d \uad6d\ub0b4 \ubc0f \uad6d\uc81c \uacf5\uc778\uc2dc\ud5d8(TOEFL, TEPS)\uae4c\uc9c0 \ub300\ube44\ud560 \uc218 \uc788\ub294 \uc785\uc2dc \uc911\uc2ec\uc758 \ud504\ub85c\uadf8\ub7a8\uc73c\ub85c \uad6c\uc131\ub418\uc5b4 \uc788\uc2b5\ub2c8\ub2e4.\n<\/p>\n<p class=\"plus\"><a href=\"\/?page_id=24\" title=\"\uc720\uce58\ubd80 \uc774\ub3d9\">\ub354 \uc0b4\ud3b4\ubcf4\uae30 +<\/a><\/p>\n<\/div><!-- program -->\n\n<\/div>\n      <div class=\"swiper-slide program4\">\n<div class=\"program\">\n<h3>\ubc29\uacfc\ud6c4 \uc218\uc5c5<\/h3>\n<p>\n\uc815\uaddc \uc218\uc5c5 \ud6c4\uc5d0\ub3c4 \ud559\uc2b5\uacfc \ucc3d\uc758\ub825\uc744 \ub3d9\uc2dc\uc5d0 \ud0a4\uc6b8 \uc218 \uc788\ub294 \ubc29\uacfc\ud6c4 \uc218\uc5c5\uc740 \ub450\ub1cc\ub85c \uc218\ud559, ORT \ub9ac\ub529 \uac15\ud654, \uad50\uc7ac \ud55c\uae00, \uc2a4\ub9c8\ud2b8\uc62c \ud559\uc2b5, Art Time, \ucc3d\uc758\ub180\uc774 \ud504\ub85c\uadf8\ub7a8 \ub4f1 \ub2e4\uc591\ud55c \ud65c\ub3d9\uc744 \ud1b5\ud574 \uc544\uc774\ub4e4\uc758 \uc0ac\uace0\ub825\uacfc \ud45c\ud604\ub825\uc744 \uc790\uc5f0\uc2a4\ub7fd\uac8c \ud5a5\uc0c1\uc2dc\ucf1c \uc90d\ub2c8\ub2e4.\n<\/p>\n<p class=\"plus\"><a href=\"\/?page_id=28\" title=\"\ubc29\uacfc\ud6c4 \uc218\uc5c5 \uc774\ub3d9\">\ub354 \uc0b4\ud3b4\ubcf4\uae30 +<\/a><\/p>\n<\/div><!-- program -->\n\n<\/div>\n      <div class=\"swiper-slide program5\">\n<div class=\"program\">\n<h3>\ud2b9\ubcc4 \ud504\ub85c\uadf8\ub7a8<\/h3>\n<p>\n\uc544\uc774\ub4e4\uc758 \uc601\uc5b4 \uc2e4\ub825\uc744 \uc2e4\uc0dd\ud65c\uc5d0\uc11c \ud655\uc7a5\ud560 \uc218 \uc788\ub3c4\ub85d \uad6c\uc131\ub41c \ud2b9\ubcc4 \ud504\ub85c\uadf8\ub7a8\uc740 \ub9d0\ud558\uae30 \ub300\ud68c, \uc5ec\ub984\u00b7\uaca8\uc6b8 \uc601\uc5b4 \uac15\ud654 \ud504\ub85c\uadf8\ub7a8\uc744 \ube44\ub86f\ud574 \ud638\uc8fc \ubc0f \ud544\ub9ac\ud540 1\uac1c\uc6d4 \uc601\uc5b4 \ucea0\ud504\uae4c\uc9c0 \ud3ec\ud568\ub418\uc5b4 \uc788\uc5b4 \uae00\ub85c\ubc8c \ud658\uacbd\uc5d0\uc11c\uc758 \uc801\uc751\ub825\uacfc \uc2e4\uc804 \uc601\uc5b4 \uc0ac\uc6a9 \ub2a5\ub825\uc744 \ud0a4\uc6b8 \uc218 \uc788\uc2b5\ub2c8\ub2e4.\n<\/p>\n<p class=\"plus\"><a href=\"\/?page_id=30\" title=\"\ud2b9\ubcc4\ud504\ub85c\uadf8\ub7a8 \uc774\ub3d9\">\ub354 \uc0b4\ud3b4\ubcf4\uae30 +<\/a><\/p>\n<\/div><!-- program -->\n\n<\/div>\n      <!-- <div class=\"swiper-slide hide\">Slide 6<\/div> -->\n    <\/div>\n    <div class=\"swiper-pagination2\"><\/div>\n  <\/div>\n<\/div>\n\n<\/div><!-- sub-inner-->\n\n<\/div><!-- program_wrap -->\n\n\n\n<div class=\"sec_2\">\n\n<div class=\"sub-inner inner_s\">\n<ul class=\"inner_ul\">\n<li class=\"li_left\">\n<!-- <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/07\/left_1.png\"alt=\"\uc67c\ucabd \ub9d0\ud48d\uc1201\"> -->\n<!-- <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/07\/left_2.png\"alt=\"\uc67c\ucabd \ub9d0\ud48d\uc1202\"> -->\n<!-- <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/07\/left_3.png\"alt=\"\uc67c\ucabd \ub9d0\ud48d\uc1203\"> -->\n\n<\/li>\n<li class=\"li_p\">\ub9d0\ud558\ub294 \uc601\uc5b4\uac00 \uc990\uac70\uc6cc\uc9c0\ub294 \uacf3 \uc368\ubc0bSPJ\uc5b4\ud559\uc6d0<\/li>\n<li class=\"li_right\">\n<!-- <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/07\/rigth_1.png\"alt=\"\uc624\ub978\ucabd \ub9d0\ud48d\uc1201\"> -->\n<!-- <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/07\/right_2.png\"alt=\"\uc624\ub978\ucabd \ub9d0\ud48d\uc1202\"> -->\n<\/li>\n<\/ul>\n<\/div>\n\n<\/div>\n\n\n\n<div class=\"sect_3\">\n<div class=\"sub-inner\">\n<h4>\uacf5\uc9c0\uc0ac\ud56d<span class=\"h2_circle\"><\/span><\/h4>\n<div class=\"mb-widget\"><div class=\"mb-latest-basic mb-widget-shortcode\"><div class=\"mb-latest-title\"><a href=\"https:\/\/spj2017.com\/?page_id=32\" title=\"notice\">notice<\/a><\/div><div class=\"mb-latest-box\"><table  cellspacing=\"0\" cellpadding=\"0\" border=\"0\" class=\"table table-latest\"><colgroup><col style=\"width:100%\" \/><\/colgroup><tbody><tr><td class=\"mb-latest-item-title\"><a href=\"https:\/\/spj2017.com\/?page_id=32&#038;vid=3\" title=\"\uad50\uc2b5\ube44 \ub4f1 \ubc18\ud658\uae30\uc900 \uac8c\uc2dc\ud45c\"><span class=\"mb-latest-item-title-text\">\uad50\uc2b5\ube44 \ub4f1 \ubc18\ud658\uae30\uc900 \uac8c\uc2dc\ud45c<\/span><\/a><\/td><\/tr><tr><td class=\"mb-latest-item-title\"><a href=\"https:\/\/spj2017.com\/?page_id=32&#038;vid=2\" title=\"\uad50\uc2b5\ube44 \uc548\ub0b4\"><span class=\"mb-latest-item-title-text\">\uad50\uc2b5\ube44 \uc548\ub0b4<\/span><\/a><\/td><\/tr><tr><td class=\"mb-latest-item-title\"><a href=\"https:\/\/spj2017.com\/?page_id=32&#038;vid=1\" title=\"\ud559\uc6d0\uc6b4\uc601\ub4f1\ub85d\uc99d\"><span class=\"mb-latest-item-title-text\">\ud559\uc6d0\uc6b4\uc601\ub4f1\ub85d\uc99d<\/span><\/a><\/td><\/tr><\/tbody><\/table><\/div><\/div><\/div>\n<\/div>\n<\/div>\n\n\n\n<!-- Swiper JS -->\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.js\"><\/script>\n<script src=\"https:\/\/ajax.googleapis.com\/ajax\/libs\/jquery\/3.7.1\/jquery.min.js\"><\/script>\n\n<script>\nvar swiper = new Swiper(\".mySwiper\", {\n    effect: 'fade',\n    slidesPerView: 1,\n    speed: 1000,\n    loop: true,\n    pagination: {\n        el: \".swiper-pagination\",\n        clickable: false,\n    },\n    navigation: {\n        nextEl: \".swiper-button-next\",\n        prevEl: \".swiper-button-prev\",\n    },\n    autoplay: {\n        delay: 4000,\n        disableOnInteraction: false,\n    },\n    on: {\n        init: function() {\n            updateSlideNumbers(this);        \/\/ \ucd08\uae30 \uc2ac\ub77c\uc774\ub4dc \ubc88\ud638 \uc124\uc815\n            applyZoomEffect(this);           \/\/ \ucd08\uae30 \ud65c\uc131 \uc2ac\ub77c\uc774\ub4dc \ud655\ub300 \ud6a8\uacfc \uc801\uc6a9\n        },\n        slideChangeTransitionStart: function() {\n            removeZoomEffect(this);          \/\/ \ub2e4\ub978 \uc2ac\ub77c\uc774\ub4dc \ud655\ub300 \ucd08\uae30\ud654\n\n            var pagebarBg = document.querySelector('.pagebarBg');\n            if (pagebarBg) {\n                pagebarBg.style.transition = 'none'; \n                pagebarBg.style.width = '0';\n            }\n        },\n        slideChangeTransitionEnd: function() {\n            var pagebarBg = document.querySelector('.pagebarBg');\n            if (pagebarBg) {\n                setTimeout(function() {\n                    pagebarBg.style.transition = 'width 3s linear';\n                    pagebarBg.style.width = '100%';\n                }, 10); \/\/ \ubd80\ub4dc\ub7fd\uac8c \uc2dc\uc791\ub418\ub3c4\ub85d \uc57d\uac04 \uc9c0\uc5f0\n            }\n\n            updateSlideNumbers(this);        \/\/ \ud398\uc774\uc9c0 \ubc88\ud638 \uc5c5\ub370\uc774\ud2b8\n            applyZoomEffect(this);           \/\/ \ud604\uc7ac \uc2ac\ub77c\uc774\ub4dc \ud655\ub300 \ud6a8\uacfc \uc801\uc6a9\n        }\n    }\n});\n\n\/* ============================\n   \ud83d\udd39 \ud655\ub300 \ud6a8\uacfc \ud568\uc218\n============================ *\/\nfunction applyZoomEffect(swiper) {\n    swiper.slides.forEach(slide => {\n        slide.classList.remove('active-zoom');\n    });\n    swiper.slides[swiper.activeIndex].classList.add('active-zoom');\n}\n\nfunction removeZoomEffect(swiper) {\n    swiper.slides.forEach(slide => {\n        slide.classList.remove('active-zoom');\n    });\n}\n\n\/* ============================\n   \ud83d\udd39 \uc2ac\ub77c\uc774\ub4dc \ubc88\ud638 \uc5c5\ub370\uc774\ud2b8\n============================ *\/\nfunction updateSlideNumbers(swiper) {\n    var currentSlideEl = document.querySelector('.current-slide');\n    var nextSlideEl = document.querySelector('.next-slide');\n\n    if (!currentSlideEl || !nextSlideEl) return;\n\n    var totalSlides = swiper.slides.length - (swiper.loopedSlides || 0) * 2; \n    var currentSlideIndex = swiper.realIndex + 1;\n    var nextSlideIndex = (currentSlideIndex === totalSlides) ? 1 : currentSlideIndex + 1;\n\n    currentSlideEl.textContent = String(currentSlideIndex).padStart(2, '0');\n    nextSlideEl.textContent = String(nextSlideIndex).padStart(2, '0');\n}\n\n\/* \ucd08\uae30 \uc0c1\ud0dc\uc5d0\uc11c pagebarBg \uc560\ub2c8\uba54\uc774\uc158 \uc2dc\uc791 *\/\ndocument.addEventListener(\"DOMContentLoaded\", function(){\n    var pagebarBg = document.querySelector('.pagebarBg');\n    if (pagebarBg) {\n        pagebarBg.style.transition = 'width 3s linear';\n        pagebarBg.style.width = '100%';\n    }\n});\n<\/script>\n\n<script>\nAOS.init({\ndisable: function () {\nvar desktop = 00;\nreturn window.innerWidth < desktop;}\n});\n<\/script>\n\n\n<script>\nwindow.addEventListener('scroll', () => {\n  const scrollY = window.scrollY || window.pageYOffset;\n  \n  if (scrollY >= 1200) {\n    document.querySelectorAll('.li_left img, .li_right img').forEach((img, idx) => {\n      \/\/ \uc911\ubcf5 \uc801\uc6a9 \ubc29\uc9c0\n      if (!img.classList.contains('animated-img')) {\n        img.style.animationDelay = `${idx * 0.2}s`; \/\/ \uc21c\ucc28 \ub51c\ub808\uc774\n        img.classList.add('animated-img');\n      }\n    });\n  }\n});\n\n\n$(document).ready(function () {\n  $('.titleBox h2 span').each(function () {\n    const maxLength = 20; \/\/ \uae00\uc790 \uc218 \uc81c\ud55c\n    const text = $(this).text();\n\n    if (text.length > maxLength) {\n      $(this).text(text.substring(0, maxLength) + '...');\n    }\n  });\n});\/\/\n<\/script>\n\n<script>\n$(document).ready(function () {\n    \/\/ \uc804\uccb4 \ud0c0\uc774\ud551 \ud6a8\uacfc\ub97c \ub2a6\ucd94\ub294 \ub51c\ub808\uc774(ms)\n    var startDelay = 800; \/\/ 0.8\ucd08 \ud6c4\uc5d0 \ud0c0\uc774\ud551 \uc2dc\uc791\n\n    $(\".title h1 span\").each(function (index) {\n        var $this = $(this);\n        var text = $this.text();   \n        $this.text(\"\");            \n\n        var i = 0;\n        var speed = 100; \/\/ \uae00\uc790 \ucd9c\ub825 \uc18d\ub3c4\n\n        function typeEffect() {\n            if (i < text.length) {\n                $this.append(text.charAt(i));\n                i++;\n                setTimeout(typeEffect, speed);\n            }\n        }\n\n        \/\/ span\uc774 \uc5ec\ub7ec\uac1c\uc77c \uacbd\uc6b0 index\ubcc4\ub85c \uc21c\ucc28\uc801\uc73c\ub85c \ub51c\ub808\uc774 \ucd94\uac00\n        setTimeout(typeEffect, startDelay + (index * (text.length * speed + 400)));\n    });\n});\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>\uc790\uc2e0\uac10 \uc788\ub294 \uc601\uc5b4, \uc2dc\uc791\uc774 \ub2e4\ub985\ub2c8\ub2e4. \uc368\ubc0bSPJ\uae40\ud3ec\ubcf8\uc6d0\uc5b4\ud559\uc6d0\uc758 \uc774\uc911\uc5b8\uc5b4\uc790 \uc591\uc131 \uad50\uc721, \uadf8 \ud6a8\uacfc\ub97c \uc9c1\uc811 \uacbd\ud5d8\ud558\uc138\uc694. \uc6b0\ub9ac \uc544\uc774\uc758 \uc601\uc5b4 \uad50\uc721, \ub354 \uc774\uc0c1 \uace0\ubbfc\ud560 \ud544\uc694 \uc5c6\uc2b5\ub2c8\ub2e4! \uc368\ubc0b\uacfc \ud568\uaed8\ub77c\uba74, \ud655\uc2e4\ud55c \ubcc0\ud654\uac00 \uc2dc\uc791\ub429\ub2c8\ub2e4. PROGRAM \uc720\uce58\ubd80 \uc601\uc5b4\ub97c \ucc98\uc74c \uc2dc\uc791\ud558\ub294 \uc544\uc774\ub4e4\uc744 \uc704\ud55c \uc720\uce58\ubd80 \uacfc\uc815\uc740 \ub180\uc774 \uc911\uc2ec\uc758 \ubab0\uc785\ud615 \uc218\uc5c5\uc744 &hellip; <a href=\"https:\/\/spj2017.com\/\">Continued<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-fullwidth.php","meta":{"kt_blocks_editor_width":"","footnotes":""},"class_list":["post-8","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/spj2017.com\/index.php?rest_route=\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/spj2017.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/spj2017.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/spj2017.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/spj2017.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=8"}],"version-history":[{"count":487,"href":"https:\/\/spj2017.com\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":1896,"href":"https:\/\/spj2017.com\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions\/1896"}],"wp:attachment":[{"href":"https:\/\/spj2017.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}