{"id":12,"date":"2025-12-10T15:07:48","date_gmt":"2025-12-10T06:07:48","guid":{"rendered":"https:\/\/haedang151.mycafe24.com\/?page_id=12"},"modified":"2026-01-19T10:39:23","modified_gmt":"2026-01-19T01:39:23","slug":"home","status":"publish","type":"page","link":"https:\/\/koum.org\/","title":{"rendered":"HOME"},"content":{"rendered":"\n<!-- \ud544\uc218: Swiper CSS -->\n<link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.css\">\n\n<!-- AOS -->\n<link href=\"https:\/\/unpkg.com\/aos@2.3.1\/dist\/aos.css\" rel=\"stylesheet\">\n<script src=\"https:\/\/unpkg.com\/aos@2.3.1\/dist\/aos.js\"><\/script>\n\n\n\n<style>\n.intro-screen {position: fixed; inset: 0; width: 100%; height: 100vh;\n background: linear-gradient(\n    180deg,\n    #000000 0%,\n    #111111 40%,\n    #1b1b1b 75%,\n    #222222 100%\n  );\ndisplay: flex; justify-content: center; align-items: center; flex-direction: column; text-align: center; z-index: 9999; opacity: 1; animation: introFadeOut 1.0s ease forwards; animation-delay: 3.0s;}\n\n.intro-text span{\n  display: block;  \n  font-size: 25px!important;\n  color: #fff; font-weight:700;\n  opacity: 0;\n  line-height: 1.4;\n  animation: introTextSmall 0.8s ease forwards;\n  animation-delay: 0.30s;\n}\n.intro-text h4 {\n  font-size: 25px!important;\n  color: #fff; font-weight:500;\n  opacity: 0;\n  animation: introText 1.5s ease forwards;\n  animation-delay: 0.15s;\nletter-spacing: 0.45em;\n}\n\n.intro-text h1 {\n  font-size: 120px!important;\n  font-weight: 800;\n  color: #fc8917;\n  letter-spacing: 0.05em;\n  margin: 4px 0 !important; \nline-height: 1.05 !important;\n  opacity: 0;\n  animation: introText 1.2s cubic-bezier(0.22, 0.61, 0.36, 1) forwards;\n  animation-delay: 0.25s;\n}\n\n@keyframes introTextSmall {\n  0% { opacity: 0; transform: translateY(6px); }\n  100% { opacity: 1; transform: translateY(0); }\n}\n\n@keyframes introText {\n  0% { opacity: 0; transform: translateY(12px); }\n  100% { opacity: 1; transform: translateY(0); }\n}\n\n@keyframes introFadeOut {\n  0% { opacity: 1; }\n  100% { opacity: 0; visibility: hidden; }\n}\n\n\/* =========================================\n   \ud83d\udd25 MAIN HERO FULL-BLEED + BIGGER TEXT\n========================================= *\/\n.main-hero {\n  position: relative;\n  width: 100%;\n  height: 100vh; \/* \ud480\ube14\ub9ac\ub4dc *\/\n  overflow: hidden;\n}\n\n.hero-bg-wrap {\n  width: 100%;\n  height: 100%;\n}\n\n.hero-bg {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  transform: scale(1);\n}\n\n\n\/* \ud14d\uc2a4\ud2b8 \ub354 \ud06c\uac8c + \uc640\uc77c\ub4dc\ud558\uac8c *\/\n.hero-text {\n  position: absolute;\n  bottom: 15%;\n  left: 10%;\n  z-index: 10;\n}\n\n.hero-text h4 {\n  font-size: 36px !important;\n  color: #fff;\n  margin-bottom: -20px !important;\n}\n\n.hero-text h1 {\n  font-size: 120px !important;\n  font-weight: 900;\n  color: #fc8917;\n  letter-spacing: 0.03em;\n}\n\n\/*\ub85c\ub529 \uc2dc \uc2a4\ud06c\ub864X*\/\nhtml.intro-lock,\nbody.intro-lock {\n  overflow: hidden;\n  height: 100%;\n}\n.intro-screen,\n.intro-text {\n  overflow: hidden;\n}\n\n\n\/* \ubaa8\ubc14\uc77c \ub300\uc751 *\/\n@media (max-width: 768px) {\n  .intro-text h1 { font-size: 64px; }\n  .intro-text h4 { font-size: 18px; }\n}\n<\/style>\n\n\n\n<!-- Fullscreen Intro Section -->\n<section class=\"intro-screen\">\n  <div class=\"intro-text\">\n    <h4>\uacbd\uae30\ub3c4\uc9c0\uc815\uc804\ubb38\uc608\uc220\ubc95\uc778<\/h4>\n    <h1>KOUM<\/h1>\n    <span>Since 2008<\/span>\n  <\/div>\n<\/section>\n\n\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", () => {\n  const intro = document.querySelector(\".intro-screen\");\n  if (!intro) return;\n\n  \/\/ \ud83d\udd12 \uc778\ud2b8\ub85c \uc2dc\uc791 \uc2dc \uc2a4\ud06c\ub864 \uc7a0\uae08\n  document.documentElement.classList.add(\"intro-lock\");\n  document.body.classList.add(\"intro-lock\");\n\n  \/\/ \u23f1 \uc778\ud2b8\ub85c \uc885\ub8cc (fade-out \uc644\ub8cc \ud6c4)\n  setTimeout(() => {\n    \/\/ \uc778\ud2b8\ub85c \uc644\uc804 \uc81c\uac70\n    intro.style.display = \"none\";\n\n    \/\/ \ud83d\udd13 \uc2a4\ud06c\ub864 \ub2e4\uc2dc \ud5c8\uc6a9\n    document.documentElement.classList.remove(\"intro-lock\");\n    document.body.classList.remove(\"intro-lock\");\n  }, 4000); \/\/ CSS \uc560\ub2c8\uba54\uc774\uc158 \ucd1d \uc2dc\uac04\uacfc \ubc18\ub4dc\uc2dc \ub9de\ucd9c \uac83\n});\n<\/script>\n\n\n\n<style>\n\/* \uc139\uc1581 *\/\n.main-hero {position: relative; width: 100%; overflow: hidden;}\n\/* HERO SWIPER *\/\n.heroSwiper {\n  width: 100%;\n  height: 100%;\n}\n\n.heroSwiper .swiper-slide {\n  width: 100%;\n  height: 100%;\n}\n\n.heroSwiper .hero-bg {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n}\n\n\n.star-layer {position: absolute; inset: 0; pointer-events: none; overflow: hidden; z-index: 5; \/* background \uc704, \ud14d\uc2a4\ud2b8 \uc544\ub798 *\/}\n\/* \ubcc4 \uacf5\ud1b5 \uc2a4\ud0c0\uc77c *\/\n.star {position: absolute; width: 4px; height: 4px; background: rgba(255, 230, 150, 0.9); border-radius: 50%; opacity: 0; filter: blur(1px); animation: starBlink 3s infinite ease-in-out;}\n\/* \ubc18\uc9dd\uc784 *\/\n@keyframes starBlink {\n  0%   { opacity: 0; transform: scale(0.4); }\n  50%  { opacity: 1; transform: scale(1); }\n  100% { opacity: 0; transform: scale(0.4); }\n}\n\n\/* \uc774\ubbf8\uc9c0 \ucc9c\ucc9c\ud788 \ud655\ub300(Zoom-in slow) *\/\n.hero-bg {width: 100%; height: 100%; object-fit: cover; transform: scale(1);}\n\n\/* \ud14d\uc2a4\ud2b8 *\/\n.hero-text {position: absolute; bottom: 55%; left: 50%; z-index: 10; transform: translateX(-50%);}\n.hero-text h4 {font-size: 25px!important; color:#fff; margin-bottom:-35px!important; text-align: center;}\n.hero-text h1 {font-size: 90px!important; font-weight: 800; color: #fc8917; text-align:center;}\n\n\/* \ubc18\uc751\ud615 *\/\n@media (max-width: 768px) {\n.hero-text {bottom: 7%; left: 10%;}\n.main-hero { height: 100vh; }\n.heroSwiper .hero-bg { object-position: center top; }\n  .hero-text {\n    bottom: 50%;\n    left: 50%;\n    transform: translateX(-50%);\n    width: 100%;\n    text-align: center;\n    padding: 0 16px;\n  }\n\n  .hero-text h4 { font-size: 20px !important; margin-bottom: -14px !important; }\n  .hero-text h1 { font-size: 58px !important; }\n\n.icon-card img{width:80px !important;}\n.icon-card {height:200px;}\n\n\n}\n\n\n\n\/* \uc139\uc1582 *\/\n\/* \uc804\uccb4 \uc544\uc774\ucf58 \uc139\uc158 WRAP *\/\n.icon-cards {max-width: 1400px; margin: 0 auto; padding: 100px 0; display: grid; grid-template-columns: repeat(4, 1fr); gap: 40px;}\n\n\/* \uce74\ub4dc *\/\n.icon-card {background: #D7E2E9; border-radius: 24px; box-shadow: 0 4px 14px rgba(0,0,0,0.06); height: 230px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-decoration: none; color: inherit; transition: all 0.35s ease;}\n\n\/* \uc544\uc774\ucf58 \uc0ac\uc774\uc988 \ud06c\uac8c *\/\n.icon-card img {width: 110px; height: auto; transition: transform 0.35s ease;}\n\n\/* \ud14d\uc2a4\ud2b8 *\/\n.icon-card p {margin-top: 18px; font-size: 22px!important; color: #333;}\n\n\/* hover \ud6a8\uacfc *\/\n.icon-card:hover {box-shadow: 0 18px 34px rgba(0,0,0,0.12);}\n.icon-card:hover img {transform: scale(1.18);}\n\n\/* \ubc18\uc751\ud615 *\/\n@media (max-width: 1400px) {\n  .icon-cards {width: 80%;}\n}\n\n\/* 960px \uc774\ud558 \u2192 2\uce78 *\/\n@media (max-width: 1024px) {\n  .icon-cards {grid-template-columns: repeat(2, 1fr); gap: 30px;}\n}\n\n\/* 600px \uc774\ud558 \u2192 1\uce78 *\/\n@media (max-width: 600px) {\n  .icon-cards {grid-template-columns: 1fr;}\n}\n\n\n\n\/* \uc139\uc1583 *\/\n.koum-section {position: relative; width: 100%; height: 420px; background: url('\/wp-content\/uploads\/2025\/12\/jilgam-doen-baegyeong.jpg') center\/cover no-repeat; display: flex; justify-content: center;  align-items: center; text-align: center; padding: 40px 20px;}\n\n\/* \uac80\uc740 \ubc18\ud22c\uba85 \uc624\ubc84\ub808\uc774 *\/\n.koum-overlay {position: absolute; inset: 0; background: rgba(0, 0, 0, 0.25); z-index: 1;}\n\n\/* \ud14d\uc2a4\ud2b8 \uc601\uc5ed *\/\n.koum-content {position: relative; z-index: 2;}\n.koum-content h2 { font-size: 40px; font-weight: 700; margin-bottom: 16px; color: #fff;}\n.koum-content .brand {color: #fc8917;}\n.koum-content p {font-size: 18px!important; line-height: 1.7!important; margin-bottom: 28px; color: #fff;}\n\n\/* \ubc84\ud2bc *\/\n.koum-btn {display: inline-block; background: #fc8917; color: #fff; padding: 12px 28px; border-radius: 8px; font-size: 17px; font-weight: 600; text-decoration: none; transition: all 0.25s ease;}\n\n.koum-btn:hover {background: #e07712; transform: translateY(-2px); color: #fff;}\n\n\/* \ubc18\uc751\ud615 *\/\n@media (max-width: 768px) {\n  .koum-section { height: auto; padding: 80px 20px;}\n.koum-title{width:80%;}\n  .koum-content h2 {font-size: 28px;}\n  .koum-content p {font-size: 16px !important; line-height:26px;}\n}\n\n\/* \ud0c0\uc774\ud551 \ud6a8\uacfc\uc6a9 \ud074\ub798\uc2a4 (\ucee4\uc11c \uc5c6\uc74c) *\/\n.typing-text {\n  overflow: hidden;\n  white-space: nowrap;\n  display: inline-block;\n  opacity: 0;\n  animation: typing 2.2s steps(40, end) forwards;\n}\n\n\/* \ud0c0\uc774\ud551 \uc560\ub2c8\uba54\uc774\uc158 *\/\n@keyframes typing {\n  0% { width: 0; opacity: 1; }\n  100% { width: 100%; opacity: 1; }\n}\n\n\n\n\n\/* \uc139\uc1584 *\/\n.teacher-grid-section {\n  max-width: 1400px;\n  margin: 0 auto;\n  padding: 80px 20px 30px;\n}\n\n.teacher-grid {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 40px;\n}\n\n\/* \uce74\ub4dc *\/\n.teacher-card {\n  position: relative;\n  overflow: hidden;\n  border-radius: 20px;\n  aspect-ratio: 1 \/ 1.1;\n  text-decoration: none;\n}\n\n\/* \uc774\ubbf8\uc9c0 *\/\n.teacher-card img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  transition: transform 0.6s ease;\n}\n\n\/* \uc624\ubc84\ub808\uc774 *\/\n.teacher-overlay {\n  position: absolute;\n  inset: 0;\n  background: rgba(255,255,255,0.78);\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  gap: 10px;\n\n  opacity: 0;\n  transition: opacity 0.4s ease;\n}\n\n\/* \ud14d\uc2a4\ud2b8 *\/\n.teacher-overlay h3 {\n  font-size: 30px!important;\n  font-weight: 700;\n  color: #fc8917;\n}\n\n.teacher-overlay p{font-size: 16px!important; text-align:center;}\n\n\/* Hover *\/\n.teacher-card:hover img {\n  transform: scale(1.08);\n}\n\n.teacher-card:hover .teacher-overlay {\n  opacity: 1;\n}\n\n\/* \ubaa8\ubc14\uc77c *\/\n@media (max-width: 1024px) {\n  .teacher-grid {\n        width: 80%;\n        margin: 0 auto;\n    grid-template-columns: repeat(2, 1fr);\n  }\n}\n\n@media (max-width: 640px) {\n  .teacher-grid {\n    grid-template-columns: 1fr;\n  }\n}\n\n\n\/* \ub9c1\ud06c \uc5f0\uacb0 \uc544\uc774\ucf58 *\/\n\/* \uc544\uc774\ucf58 \uac00\ub85c \uc815\ub82c *\/\n.icon-link-wrap {\nwidth:80%;\nmargin:0 auto;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  gap: 80px;\n    padding-top: 50px;\n}\n\n\/* \uc544\uc774\ucf58 \ub9c1\ud06c\uc5d0 \ubd99\uc740 before\/after \uc81c\uac70 *\/\n.icon-link::before,\n.icon-link::after,\n.icon-link img::before,\n.icon-link img::after {\n  content: none !important;\n  display: none !important;\n}\n\n\/* \ub9c1\ud06c *\/\n.icon-link {\n  display: inline-flex;\n  width: 80px;\n  height: 80px;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n}\n.icon-link span{padding-top: 15px;}\n\n\/* \uc774\ubbf8\uc9c0 *\/\n.icon-link img {\n  width: 100%;\n  height: 100%;\n  object-fit: contain;\n  transition: transform 0.3s ease;\n}\n\n\/* Hover \ud6a8\uacfc *\/\n.icon-link:hover img {\n  transform: scale(1.12);\n}\n\n\n\n\n\n\n\n\n\/* \uc139\uc1585 \ub85c\uace0 \uc2ac\ub77c\uc774\ub4dc *\/\n.logo-slide {width: 100%; overflow: hidden; background: #fff; padding: 25px 0; margin-top:100px;}\n\n.logo-track {display: flex; gap: 60px; \/* \ub85c\uace0 \uc0ac\uc774 \uac04\uaca9 *\/ animation: scrollLogo 22s linear infinite;}\n.logo-slide img {height: 48px; width: auto; object-fit: contain; opacity: 0.9; transition: 0.2s ease;}\n.logo-slide img:hover {opacity: 1; transform: scale(1.05);}\n\n@keyframes scrollLogo {\n  0% { transform: translateX(0); }\n  100% { transform: translateX(-50%); }\n}\n\n\/* \ubaa8\ubc14\uc77c *\/\n@media (max-width: 768px) {\n  .logo-track { gap: 40px; }\n  .logo-slide img { height: 36px; }\n}\n<\/style>\n\n\n\n<!-- \uc139\uc1581 -->\n<section class=\"main-hero\">\n  <div class=\"star-layer\"><\/div>\n\n  <!-- \ud83d\udd25 HERO BG SLIDER -->\n  <div class=\"hero-bg-wrap swiper heroSwiper\">\n    <div class=\"swiper-wrapper\">\n\n      <div class=\"swiper-slide\">\n        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/12\/2.png\" class=\"hero-bg\" alt=\"\uba54\uc778\ubc30\ub1081\">\n      <\/div>\n\n      <div class=\"swiper-slide\">\n        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/12\/1-2-\ud569\ucc3d\ub2e8-scaled.jpg\" class=\"hero-bg\" alt=\"\uba54\uc778\ubc30\ub1082\">\n      <\/div>\n\n      <div class=\"swiper-slide\">\n        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/12\/1-2-\uc624\ucf00\uc2a4\ud2b8\ub77c-scaled.jpg\" class=\"hero-bg\" alt=\"\uba54\uc778\ubc30\ub1083\">\n      <\/div>\n\n      <div class=\"swiper-slide\">\n        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/12\/1-2-\uc559\uc0c1\ube14.jpg\" class=\"hero-bg\" alt=\"\uba54\uc778\ubc30\ub1084\">\n      <\/div>\n\n    <\/div>\n  <\/div>\n\n  <div class=\"hero-text\">\n    <h4 data-aos=\"fade-up\" data-aos-duration=\"1200\" data-aos-delay=\"100\">\n      \uacbd\uae30\ub3c4\uc9c0\uc815\uc804\ubb38\uc608\uc220\ubc95\uc778\n    <\/h4>\n    <h1 data-aos=\"fade-up\" data-aos-duration=\"1400\" data-aos-delay=\"350\">\n      KOUM\n    <\/h1>\n  <\/div>\n<\/section>\n\n\n<!-- \uc139\uc1582 -->\n<section class=\"icon-cards\">\n\n  <a href=\"\/?page_id=14\" class=\"icon-card\">\n    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/12\/3dicons-notebook-front-color.png\" alt=\"\uc18c\uac1c\uac1c\ub9c9\">\n    <p>\uc18c\uac1c\ub9d0<\/p>\n  <\/a>\n\n  <a href=\"\/?page_id=32\" class=\"icon-card\">\n    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/12\/3dicons-mic-front-color.png\" alt=\"\ucff0 \ucf64\ucfe0\ub974\">\n    <p>\ucff0 \ucf69\ucfe0\ub974<\/p>\n  <\/a>\n\n  <a href=\"\/?page_id=36\" class=\"icon-card\">\n    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/12\/3dicons-folder-front-color.png\" alt=\"\uacf5\uc9c0\uc0ac\ud56d\">\n    <p>\uacf5\uc9c0\uc0ac\ud56d<\/p>\n  <\/a>\n\n  <a href=\"\/?page_id=46\" class=\"icon-card\">\n    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/12\/50.png\" alt=\"\ud3c9\uc0dd\ud559\uad50\">\n    <p>\ud3c9\uc0dd\ud559\uad50<\/p>\n  <\/a>\n\n<\/section>\n\n\n<!-- \uc139\uc1583 -->\n<section class=\"koum-section\">\n  <div class=\"koum-overlay\"><\/div>\n\n  <div class=\"koum-content\">\n<h2 class=\"koum-title\" data-text=\"non-profit corporation\">\n  <span class=\"brand\">KOUM<\/span> <span class=\"typing-target\"><\/span>\n<\/h2>\n    <p data-aos=\"fade-up\" data-aos-duration=\"1400\" data-aos-delay=\"200\">\n      &#8216;\uc0ac\ub2e8\ubc95\uc778 \ucff0&#8217;\uc740 \ub07c\uc640 \uc7ac\ub2a5\uc774 \uc788\ub294 \uc7a5\uc560\uc778\uc744 \ubc1c\uad74\ud558\uc5ec<br>\n      \uccb4\uacc4\uc801\uc774\uba70 \uc9c0\uc18d\uc801\uc778 \uc218\uc5c5\uc744 \ud1b5\ud574 \uc5ed\ub7c9\uc744 \uac16\ucd98 \ubbf8\ub798 \uc804\ubb38\uc608\uc220\uac00\ub85c \uc131\uc7a5\ud560 \uc218 \uc788\ub3c4\ub85d \uc9c0\uc6d0\ud569\ub2c8\ub2e4.<br>\n      \uc608\uc220\ub85c \ud558\ub098 \ub418\ub294 \ud568\uaed8\ud558\ub294 \uc138\uc0c1\uc744 \uc704\ud574 \ud798\uc774 \ub418\uc5b4 \uc8fc\uc138\uc694.\n    <\/p>\n\n    <a href=\"\/?page_id=42\" class=\"koum-btn\">\ud568\uaed8\ud558\uae30<\/a>\n  <\/div>\n<\/section>\n\n\n\n<!-- \uc139\uc1584 -->\n<section class=\"teacher-grid-section\" data-aos=\"fade-up\" data-aos-duration=\"1500\">\n\n  <h2 class=\"teacher-title\" style=\"text-align:center;\">\nArt becomes a Profession<br>\n<span style=\"font-size:26px!Important;\">&#8220;\uc608\uc220\uc774 \uc9c1\uc5c5\uc774 \ub418\ub2e4&#8221;<\/span>\n<\/h2>\n\n  <div class=\"teacher-grid\">\n\n    <!-- \ud569\ucc3d\ub2e8 -->\n    <a href=\"\/?page_id=20\" class=\"teacher-card\">\n      <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/12\/3-2-\uba54\uc778-1.jpg\" alt=\"\ud569\ucc3d\ub2e8\">\n      <div class=\"teacher-overlay\">\n        <h3>\ud569\ucc3d\ub2e8<\/h3>\n      <\/div>\n    <\/a>\n\n    <!-- \uc624\ucf00\uc2a4\ud2b8\ub77c -->\n    <a href=\"\/?page_id=26\" class=\"teacher-card\">\n      <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/12\/4-1-\uba54\uc778-scaled.jpg\" alt=\"\uc624\ucf00\uc2a4\ud2b8\ub77c\">\n      <div class=\"teacher-overlay\">\n        <h3>\uc624\ucf00\uc2a4\ud2b8\ub77c<\/h3>\n      <\/div>\n    <\/a>\n\n    <!-- \ubc34\ub4dc -->\n    <a href=\"#\" class=\"teacher-card\">\n      <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/12\/5-1-\ubc34\ub4dc-\uba54\uc778\ubc30\ub108.jpg\" alt=\"\ubc34\ub4dc\">\n      <div class=\"teacher-overlay\">\n        <h3>\ubc34\ub4dc<\/h3>\n      <\/div>\n    <\/a>\n\n  <\/div>\n<\/section>\n\n\n<div class=\"icon-link-wrap\" data-aos=\"fade-up\" data-aos-duration=\"1500\">\n\n  <a href=\"https:\/\/blog.naver.com\/koum2008\" class=\"icon-link\">\n    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/12\/2-2-\ube14\ub85c\uadf8.png\" alt=\"\ube14\ub85c\uadf8\">\n<span>\ube14\ub85c\uadf8<\/span>\n  <\/a>\n\n  <a href=\"https:\/\/www.instagram.com\/koum_music\" class=\"icon-link\">\n    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/12\/2-2-\uc778\uc2a4\ud0c0\uadf8\ub7a8.png\" alt=\"\uc778\uc2a4\ud0c0\uadf8\ub7a8\">\n<span>\uc778\uc2a4\ud0c0\uadf8\ub7a8<\/span>\n  <\/a>\n\n  <a href=\"\/?page_id=48\" class=\"icon-link\">\n    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/12\/2-2-\ucff0-\uc18c\uc2dd\uc9c0.png\" alt=\"\uc18c\uc2dd\uc9c0\">\n<span>\ucff0 \uc18c\uc2dd\uc9c0<\/span>\n  <\/a>\n\n<\/div>\n\n\n\n<!-- \uc139\uc1585 -->\n<section class=\"youtube-section\" style=\"max-width:80%; margin:0 auto; margin-top:100px;\" data-aos=\"fade-up\" data-aos-duration=\"1500\">\n\n  <h2 class=\"teacher-title\" style=\"text-align:center;\">\ucff0 \uc720\ud29c\ube0c<\/h2>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"\uc81c17\ud68c \ucff0 \uc815\uae30\uc5f0\uc8fc\ud68c &quot;\ub290\ub9b0\uc0b0\ucc45&quot; : 2\ubd80. \ucff0\uc624\ucf00\uc2a4\ud2b8\ub77c\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/ZLdxKcyIQQM?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<\/section>\n\n\n<section class=\"logo-slide\">\n  <div class=\"logo-track\">\n    <!-- 1\uc138\ud2b8 -->\n    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/12\/\uacbd\uae30\ub3c4\uccad2.jpg\" alt=\"logo1\">\n    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/12\/\uc6a9\uc778\uc2dc_\uc2dc\uadf8\ub2c8\ucc98.jpg\" alt=\"logo2\">\n    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/12\/\uacbd\uae30\ubb38\ud654\uc7ac\ub2e8.jpg\" alt=\"logo3\">\n    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/12\/\uc6a9\uc778\ubb38\ud654\uc7ac\ub2e8.jpg\" alt=\"logo4\">\n    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/12\/\ud55c\uad6d\uc7a5\uc560\uc778\ubb38\ud654\uc608\uc220\uc6d0_\uad6d\uc601_\uc88c\uc6b0.jpg\" alt=\"logo5\">\n    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/12\/\uae30\ud765\uad6c\uccadlogo.jpg\" alt=\"logo6\">\n    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/12\/2-3-\ube0c\uc774\ub4dc\ub9bc-\ub85c\uace0.png\" alt=\"logo7\">\n\n    <!-- 2\uc138\ud2b8 (\ubb34\ud55c\ub8e8\ud504\uc6a9 \ubcf5\uc81c) -->\n    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/12\/\uacbd\uae30\ub3c4\uccad2.jpg\" alt=\"logo1\">\n    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/12\/\uc6a9\uc778\uc2dc_\uc2dc\uadf8\ub2c8\ucc98.jpg\" alt=\"logo2\">\n    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/12\/\uacbd\uae30\ubb38\ud654\uc7ac\ub2e8.jpg\" alt=\"logo3\">\n    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/12\/\uc6a9\uc778\ubb38\ud654\uc7ac\ub2e8.jpg\" alt=\"logo4\">\n    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/12\/\ud55c\uad6d\uc7a5\uc560\uc778\ubb38\ud654\uc608\uc220\uc6d0_\uad6d\uc601_\uc88c\uc6b0.jpg\" alt=\"logo5\">\n    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/12\/\uae30\ud765\uad6c\uccadlogo.jpg\" alt=\"logo6\">\n    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/12\/2-3-\ube0c\uc774\ub4dc\ub9bc-\ub85c\uace0.png\" alt=\"logo7\">\n  <\/div>\n<\/section>\n\n\n\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.js\"><\/script>\n\n<script>\n  AOS.init();\n\n  \/\/ \ud83d\udd25 heroSwiper\ub97c \ubc16\uc73c\ub85c \ube7c\uc11c setTimeout\uc5d0\uc11c\ub3c4 \uc811\uadfc \uac00\ub2a5\ud558\uac8c\n  let heroSwiper = null;\n\n  document.addEventListener(\"DOMContentLoaded\", () => {\n\n    \/* ============================\n       HERO SWIPER (autoplay \uc9c0\uc5f0)\n    ============================ *\/\n    heroSwiper = new Swiper(\".heroSwiper\", {\n      loop: true,\n      effect: \"fade\",\n      fadeEffect: { crossFade: true },\n\n      speed: 1000,\n\n      autoplay: false, \/\/ \u2705 \uc5ec\uae30 \uc911\uc694 (\ucc98\uc74c\uc5d4 \uc548 \ub3cc\ub9bc)\n\n      allowTouchMove: false,\n    });\n\n    \/\/ \ud639\uc2dc \ubab0\ub77c \uccab \uc2ac\ub77c\uc774\ub4dc \uace0\uc815\n    heroSwiper.slideToLoop(0, 0);\n    heroSwiper.update();\n\n    \/\/ \u23f1 \uc778\ud2b8\ub85c \ub05d\ub09c \ub4a4 autoplay \uc2dc\uc791 (\uc778\ud2b8\ub85c 4\ucd08 \uae30\uc900)\n    setTimeout(() => {\n      heroSwiper.params.autoplay = {\n        delay: 3000,\n        disableOnInteraction: false,\n      };\n      heroSwiper.autoplay.start();\n    }, 4000); \/\/ \ud83d\udd25 \uc778\ud2b8\ub85c \uc885\ub8cc \uc2dc\uac04\uacfc \ub9de\ucd94\uae30\n  });\n\n  \/* ============================\n     \ubc18\uc9dd\uc784 \ud6a8\uacfc\n  ============================ *\/\n  document.addEventListener(\"DOMContentLoaded\", function () {\n    const starLayer = document.querySelector(\".star-layer\");\n    const starCount = 50;\n\n    for (let i = 0; i < starCount; i++) {\n      const star = document.createElement(\"div\");\n      star.className = \"star\";\n\n      star.style.top = Math.random() * 100 + \"%\";\n      star.style.left = Math.random() * 100 + \"%\";\n\n      const size = Math.random() * 3 + 2;\n      star.style.width = size + \"px\";\n      star.style.height = size + \"px\";\n\n      star.style.animationDuration = 2 + Math.random() * 3 + \"s\";\n      star.style.animationDelay = Math.random() * 4 + \"s\";\n\n      starLayer.appendChild(star);\n    }\n  });\n\n  \/* ============================\n     \uac15\uc0ac\uc18c\uac1c Swiper (\uae30\uc874 \uadf8\ub300\ub85c)\n  ============================ *\/\n  document.addEventListener(\"DOMContentLoaded\", () => {\n\n    let choirSwiper = null;\n    let orchestraSwiper = null;\n\n    choirSwiper = new Swiper(\".choir-swiper\", {\n      slidesPerView: 3,\n      spaceBetween: 20,\n      pagination: { el: \".choir-swiper .swiper-pagination\", clickable: true },\n      navigation: {\n        nextEl: \".choir-swiper .swiper-button-next\",\n        prevEl: \".choir-swiper .swiper-button-prev\",\n      },\n    });\n\n    function initOrchestra() {\n      if (!orchestraSwiper) {\n        orchestraSwiper = new Swiper(\".orchestra-swiper\", {\n          slidesPerView: 3,\n          spaceBetween: 20,\n          pagination: { el: \".orchestra-swiper .swiper-pagination\", clickable: true },\n          navigation: {\n            nextEl: \".orchestra-swiper .swiper-button-next\",\n            prevEl: \".orchestra-swiper .swiper-button-prev\",\n          },\n        });\n      } else {\n        orchestraSwiper.update();\n      }\n    }\n\n    const tabs = document.querySelectorAll(\".tab-btn\");\n    const slides = document.querySelectorAll(\".teacher-slide\");\n\n    tabs.forEach(tab => {\n      tab.addEventListener(\"click\", () => {\n        const target = tab.dataset.target;\n\n        tabs.forEach(t => t.classList.remove(\"active\"));\n        tab.classList.add(\"active\");\n\n        slides.forEach(s => s.classList.remove(\"active\"));\n        document.getElementById(target).classList.add(\"active\");\n\n        if (target === \"orchestra\") setTimeout(initOrchestra, 50);\n        if (target === \"choir\" && choirSwiper) {\n          setTimeout(() => choirSwiper.update(), 50);\n        }\n      });\n    });\n  });\n\n  \/* ============================\n     \ud0c0\uc774\ud551 \ud6a8\uacfc (\uae30\uc874 \uadf8\ub300\ub85c)\n  ============================ *\/\n  document.addEventListener(\"DOMContentLoaded\", () => {\n\n    const h2 = document.querySelector(\".koum-title\");\n    const target = h2.querySelector(\".typing-target\");\n    const text = h2.dataset.text;\n\n    setTimeout(() => {\n      let i = 0;\n      const speed = 80;\n\n      const timer = setInterval(() => {\n        target.textContent = text.slice(0, i);\n        i++;\n        if (i > text.length) clearInterval(timer);\n      }, speed);\n    }, 4800);\n  });\n<\/script>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\uacbd\uae30\ub3c4\uc9c0\uc815\uc804\ubb38\uc608\uc220\ubc95\uc778 KOUM Since 2008 \uacbd\uae30\ub3c4\uc9c0\uc815\uc804\ubb38\uc608\uc220\ubc95\uc778 KOUM \uc18c\uac1c\ub9d0 \ucff0 \ucf69\ucfe0\ub974 \uacf5\uc9c0\uc0ac\ud56d \ud3c9\uc0dd\ud559\uad50 KOUM &#8216;\uc0ac\ub2e8\ubc95\uc778 \ucff0&#8217;\uc740 \ub07c\uc640 \uc7ac\ub2a5\uc774 \uc788\ub294 \uc7a5\uc560\uc778\uc744 \ubc1c\uad74\ud558\uc5ec \uccb4\uacc4\uc801\uc774\uba70 \uc9c0\uc18d\uc801\uc778 \uc218\uc5c5\uc744 \ud1b5\ud574 \uc5ed\ub7c9\uc744 \uac16\ucd98 \ubbf8\ub798 \uc804\ubb38\uc608\uc220\uac00\ub85c \uc131\uc7a5\ud560 \uc218 \uc788\ub3c4\ub85d \uc9c0\uc6d0\ud569\ub2c8\ub2e4. \uc608\uc220\ub85c \ud558\ub098 \ub418\ub294 \ud568\uaed8\ud558\ub294 \uc138\uc0c1\uc744 \uc704\ud574 \ud798\uc774 \ub418\uc5b4 \uc8fc\uc138\uc694. &hellip; <a href=\"https:\/\/koum.org\/\">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-12","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/koum.org\/index.php?rest_route=\/wp\/v2\/pages\/12","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/koum.org\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/koum.org\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/koum.org\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/koum.org\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=12"}],"version-history":[{"count":285,"href":"https:\/\/koum.org\/index.php?rest_route=\/wp\/v2\/pages\/12\/revisions"}],"predecessor-version":[{"id":1349,"href":"https:\/\/koum.org\/index.php?rest_route=\/wp\/v2\/pages\/12\/revisions\/1349"}],"wp:attachment":[{"href":"https:\/\/koum.org\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=12"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}