{"id":99,"date":"2026-08-03T13:30:06","date_gmt":"2026-08-03T04:30:06","guid":{"rendered":"https:\/\/indoland.mycafe24.com\/?page_id=99"},"modified":"2026-08-27T16:14:57","modified_gmt":"2026-08-27T07:14:57","slug":"%ec%98%a4%ed%94%84%eb%8b%9d","status":"publish","type":"page","link":"https:\/\/indonesia.or.kr\/","title":{"rendered":"\uc624\ud504\ub2dd"},"content":{"rendered":"\n\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@500;600;700;800&#038;family=Noto+Sans+KR:wght@400;500;600;700;800;900&#038;display=swap\" rel=\"stylesheet\">\n\n<style>\n#rmp_menu_trigger-336{display:none;}\n\n#intro-page{\n  --red:#e63746;\n  --red-dark:#cb2d3b;\n  --red-light:#ff6d78;\n  --navy:#07121d;\n\n  position:relative;\n  left:50%;\n\n  width:100vw;\n  min-height:100svh;\n\n  margin-left:-50vw;\n\n  overflow:hidden;\n  isolation:isolate;\n\n  background:#07121d;\n  color:#fff;\n\n  font-family:\"Noto Sans KR\",sans-serif;\n  word-break:keep-all;\n}\n\n.headerclass,\nfooter .container{\n  display:none;\n}\n\n.entry-content>.wp-block-html:has(#intro-page),\n.wp-site-blocks>.wp-block-html:has(#intro-page){\n  width:100%!important;\n  max-width:none!important;\n  margin:0!important;\n  padding:0!important;\n}\n\n#intro-page *{\n  box-sizing:border-box;\n}\n\n#intro-page a{\n  color:inherit;\n  text-decoration:none;\n}\n\n\n\/* =========================================================\n   OPENING WRAPPER\n========================================================= *\/\n\n#intro-page .brand-opening{\n  position:absolute;\n  inset:0;\n\n  z-index:200;\n\n  overflow:hidden;\n\n  background:#fff;\n\n  pointer-events:none;\n\n  opacity:1;\n  visibility:visible;\n\n  transform:scale(1);\n\n  transition:\n    opacity .78s ease,\n    transform .95s cubic-bezier(.16,1,.3,1),\n    visibility .78s ease;\n}\n\n#intro-page .brand-opening.is-leaving{\n  opacity:0;\n  visibility:hidden;\n\n  transform:scale(1.015);\n}\n\n#intro-page .brand-opening.is-done{\n  display:none;\n}\n\n\n\/* =========================================================\n   01. WHITE FIRST SCREEN\n========================================================= *\/\n\n#intro-page .opening-white{\n  position:absolute;\n  inset:0;\n\n  z-index:1;\n\n  background:#fff;\n}\n\n#intro-page .opening-white:before{\n  content:\"\";\n\n  position:absolute;\n\n  left:50%;\n  top:50%;\n\n  width:min(720px,68vw);\n  aspect-ratio:1;\n\n  border-radius:50%;\n\n  transform:translate(-50%,-50%);\n\n  background:\n    radial-gradient(\n      circle,\n      rgba(230,55,70,.035),\n      transparent 67%\n    );\n}\n\n\n\/* =========================================================\n   02. RED EXPAND\n========================================================= *\/\n\n#intro-page .red-expand{\n  position:absolute;\n\n  left:50%;\n  top:50%;\n\n  z-index:5;\n\n  width:160vmax;\n  height:160vmax;\n\n  border-radius:50%;\n\n  background:\n    linear-gradient(\n      145deg,\n      #ea4050 0%,\n      #e63746 50%,\n      #d72c3c 100%\n    );\n\n  transform:\n    translate(-50%,-50%)\n    scale(.018);\n\n  backface-visibility:hidden;\n\n  animation:\n    redExpandLight .88s 1.08s cubic-bezier(.72,0,.2,1) forwards;\n\n  will-change:transform;\n}\n\n\n\/* =========================================================\n   RED DETAIL\n========================================================= *\/\n\n#intro-page .red-layer{\n  position:absolute;\n  inset:0;\n\n  z-index:6;\n\n  opacity:0;\n\n  background:\n    radial-gradient(\n      circle at 82% 17%,\n      rgba(255,255,255,.10),\n      transparent 27%\n    ),\n    radial-gradient(\n      circle at 11% 85%,\n      rgba(110,0,18,.11),\n      transparent 34%\n    );\n\n  animation:\n    simpleOpacity .45s 1.73s ease forwards;\n}\n\n\n\/* =========================================================\n   LOGO RIPPLE\n========================================================= *\/\n\n#intro-page .logo-ripple{\n  position:absolute;\n\n  left:50%;\n  top:50%;\n\n  z-index:8;\n\n  width:90px;\n  height:90px;\n\n  border-radius:50%;\n\n  border:\n    1px solid rgba(255,255,255,.46);\n\n  opacity:0;\n\n  transform:\n    translate(-50%,-50%)\n    scale(.55);\n\n  animation:\n    rippleLight .66s 1.17s ease-out forwards;\n\n  will-change:transform,opacity;\n}\n\n\n\/* =========================================================\n   03. PHOTO\n========================================================= *\/\n\n#intro-page .opening-photo{\n  position:absolute;\n\n  inset:-2%;\n\n  z-index:9;\n\n  opacity:0;\n\n  background:\n    linear-gradient(\n      90deg,\n      rgba(4,11,17,.78) 0%,\n      rgba(4,11,17,.54) 28%,\n      rgba(4,11,17,.18) 60%,\n      rgba(4,11,17,.26) 100%\n    ),\n    linear-gradient(\n      180deg,\n      rgba(4,11,17,.13) 0%,\n      rgba(4,11,17,.02) 42%,\n      rgba(4,11,17,.17) 66%,\n      rgba(4,11,17,.76) 100%\n    ),\n    url(\"\/wp-content\/uploads\/2026\/08\/muhammad-rizki-rN3R-lKI45M-unsplash-scaled.jpg\")\n    center center \/ cover no-repeat;\n\n  transform:scale(1.045);\n\n  backface-visibility:hidden;\n\n  animation:\n    photoFadeIn .72s 1.78s ease forwards,\n    photoMoveLight 4.2s 1.78s cubic-bezier(.16,1,.3,1) forwards;\n\n  will-change:transform,opacity;\n}\n\n\n#intro-page .opening-photo:before{\n  content:\"\";\n\n  position:absolute;\n  inset:0;\n\n  background:\n    radial-gradient(\n      ellipse at 22% 73%,\n      rgba(230,55,70,.13),\n      transparent 55%\n    );\n\n  opacity:.65;\n}\n\n\n#intro-page .opening-photo:after{\n  content:\"\";\n\n  position:absolute;\n  inset:0;\n\n  pointer-events:none;\n\n  background:\n    linear-gradient(\n      115deg,\n      rgba(255,255,255,.018),\n      transparent 36%,\n      rgba(0,0,0,.028)\n    );\n}\n\n\n\/* =========================================================\n   04. LOGO\n========================================================= *\/\n\n#intro-page .opening-logo-stage{\n  position:absolute;\n\n  left:50%;\n  top:50%;\n\n  z-index:30;\n\n  width:clamp(215px,23vw,350px);\n\n  transform:\n    translate(-50%,-50%);\n\n  animation:\n    logoStageMove .88s 2.28s cubic-bezier(.16,1,.3,1) forwards;\n\n  will-change:\n    left,\n    top,\n    width,\n    transform;\n}\n\n#intro-page .opening-logo-stage img{\n  display:block;\n\n  width:100%;\n  height:auto;\n}\n\n\n\/* =========================================================\n   \uac80\uc815 \ub85c\uace0\n   \ud770 \ubc30\uacbd\uc5d0\uc11c \uc0ac\uc6a9\n========================================================= *\/\n\n#intro-page .opening-logo-dark{\n  position:absolute;\n  inset:0;\n\n  opacity:0;\n\n  transform:scale(.93);\n\n  animation:\n    darkLogoIn .58s .28s cubic-bezier(.16,1,.3,1) forwards,\n    darkLogoOut .25s 1.52s ease forwards;\n}\n\n\n\/* =========================================================\n   \ud770\uc0c9 \ub85c\uace0\n   RED \/ PHOTO\uc5d0\uc11c \uc0ac\uc6a9\n========================================================= *\/\n\n#intro-page .opening-logo-white{\n  position:relative;\n\n  opacity:0;\n\n  transform:scale(.97);\n\n  animation:\n    whiteLogoIn .38s 1.54s cubic-bezier(.16,1,.3,1) forwards;\n}\n\n\n\/* =========================================================\n   BACKGROUND WORD\n========================================================= *\/\n\n#intro-page .opening-word{\n  position:absolute;\n\n  right:-4vw;\n  top:49%;\n\n  z-index:12;\n\n  color:transparent;\n\n  -webkit-text-stroke:\n    1px rgba(255,255,255,.085);\n\n  font:\n    800 clamp(110px,15vw,270px)\/.78\n    \"Manrope\",\n    sans-serif;\n\n  letter-spacing:-.09em;\n\n  white-space:nowrap;\n\n  opacity:0;\n\n  transform:\n    translateY(-50%)\n    translateX(55px);\n\n  animation:\n    wordIn .85s 2.64s cubic-bezier(.16,1,.3,1) forwards;\n\n  will-change:\n    transform,\n    opacity;\n}\n\n\n\/* =========================================================\n   MAIN COPY\n========================================================= *\/\n\n#intro-page .opening-copy{\n  position:absolute;\n\n  left:6%;\n  bottom:13%;\n\n  z-index:35;\n\n  width:min(1000px,72vw);\n}\n\n\n#intro-page .opening-kicker{\n  display:flex;\n  align-items:center;\n  gap:13px;\n\n  margin-bottom:18px;\n\n  color:#ff7d87;\n\n  font:\n    800 9px\/1\n    \"Manrope\",\n    sans-serif;\n\n  letter-spacing:.20em;\n\n  opacity:0;\n\n  transform:translateY(10px);\n\n  animation:\n    copyRise .52s 2.60s cubic-bezier(.16,1,.3,1) forwards;\n}\n\n#intro-page .opening-kicker:before{\n  content:\"\";\n\n  width:34px;\n  height:1px;\n\n  background:#ff7d87;\n}\n\n\n\/* =========================================================\n   TITLE\n========================================================= *\/\n\n#intro-page .title-mask{\n  width:max-content;\n  max-width:100%;\n\n  overflow:hidden;\n}\n\n#intro-page .title-mask + .title-mask{\n  margin-top:5px;\n}\n\n#intro-page .title-mask span{\n  display:block;\n\n  color:#fff;\n\n  font-size:\n    clamp(31px,4.15vw,67px);\n\n  line-height:1.20!important;\n\n  letter-spacing:-.065em;\n\n  font-weight:500;\n\n  text-shadow:\n    0 10px 28px rgba(0,0,0,.25);\n\n  opacity:0;\n\n  transform:translateY(105%);\n\n  will-change:\n    transform,\n    opacity;\n}\n\n#intro-page .title-mask.first span{\n  animation:\n    titleReveal .66s 2.77s cubic-bezier(.16,1,.3,1) forwards;\n}\n\n#intro-page .title-mask.second span{\n  font-weight:800;\n\n  animation:\n    titleReveal .66s 2.93s cubic-bezier(.16,1,.3,1) forwards;\n}\n\n\n\/* =========================================================\n   TOP META\n========================================================= *\/\n\n#intro-page .opening-meta{\n  position:absolute;\n\n  left:6%;\n  right:6%;\n  top:28px;\n\n  z-index:35;\n\n  display:flex;\n  align-items:center;\n  justify-content:space-between;\n\n  color:\n    rgba(255,255,255,.46);\n\n  opacity:0;\n\n  animation:\n    simpleOpacity .42s 2.70s ease forwards;\n}\n\n#intro-page .opening-meta span,\n#intro-page .opening-meta em{\n  font:\n    700 10px\/1\n    \"Manrope\",\n    sans-serif;\n\n  letter-spacing:.17em;\n\n  font-style:normal;\n}\n\n#intro-page .opening-meta em{\n  display:flex;\n  align-items:center;\n  gap:9px;\n}\n\n#intro-page .opening-meta em:before{\n  content:\"\";\n\n  width:5px;\n  height:5px;\n\n  border-radius:50%;\n\n  background:#ff727d;\n}\n\n\n\/* =========================================================\n   BOTTOM LINE\n========================================================= *\/\n\n#intro-page .opening-bottom{\n  position:absolute;\n\n  left:6%;\n  right:6%;\n  bottom:28px;\n\n  z-index:35;\n\n  display:grid;\n\n  grid-template-columns:\n    auto\n    1fr\n    auto;\n\n  align-items:center;\n\n  gap:17px;\n\n  opacity:0;\n\n  animation:\n    simpleOpacity .42s 2.82s ease forwards;\n}\n\n#intro-page .opening-bottom span,\n#intro-page .opening-bottom em{\n  color:\n    rgba(255,255,255,.46);\n  font:\n    700 11px\/1\n    \"Manrope\",\n    sans-serif;\n\n  letter-spacing:.17em;\n\n  font-style:normal;\n}\n\n#intro-page .opening-bottom span{\n  color:#fff;\n}\n\n#intro-page .opening-line{\n  position:relative;\n\n  height:1px;\n\n  background:\n    rgba(255,255,255,.22);\n}\n\n#intro-page .opening-line:before{\n  content:\"\";\n\n  position:absolute;\n\n  left:0;\n  top:0;\n\n  width:100%;\n  height:1px;\n\n  background:\n    linear-gradient(\n      90deg,\n      #ff7984,\n      rgba(255,255,255,.9)\n    );\n\n  transform:scaleX(0);\n\n  transform-origin:left center;\n\n  animation:\n    lineDraw 1.05s 2.90s ease forwards;\n\n  will-change:transform;\n}\n\n\n\/* =========================================================\n   ANIMATIONS\n========================================================= *\/\n\n@keyframes darkLogoIn{\n\n  from{\n    opacity:0;\n    transform:scale(.93);\n  }\n\n  to{\n    opacity:1;\n    transform:scale(1);\n  }\n\n}\n\n\n@keyframes darkLogoOut{\n\n  from{\n    opacity:1;\n  }\n\n  to{\n    opacity:0;\n  }\n\n}\n\n\n@keyframes whiteLogoIn{\n\n  from{\n    opacity:0;\n    transform:scale(.97);\n  }\n\n  to{\n    opacity:1;\n    transform:scale(1);\n  }\n\n}\n\n\n@keyframes redExpandLight{\n\n  from{\n    transform:\n      translate(-50%,-50%)\n      scale(.018);\n  }\n\n  to{\n    transform:\n      translate(-50%,-50%)\n      scale(1);\n  }\n\n}\n\n\n@keyframes rippleLight{\n\n  0%{\n    opacity:0;\n\n    transform:\n      translate(-50%,-50%)\n      scale(.55);\n  }\n\n  22%{\n    opacity:.62;\n  }\n\n  100%{\n    opacity:0;\n\n    transform:\n      translate(-50%,-50%)\n      scale(2);\n  }\n\n}\n\n\n@keyframes photoFadeIn{\n\n  from{\n    opacity:0;\n  }\n\n  to{\n    opacity:1;\n  }\n\n}\n\n\n@keyframes photoMoveLight{\n\n  from{\n    transform:scale(1.045);\n  }\n\n  to{\n    transform:scale(1.008);\n  }\n\n}\n\n\n@keyframes logoStageMove{\n\n  from{\n    left:50%;\n    top:50%;\n\n    width:\n      clamp(215px,23vw,350px);\n\n    transform:\n      translate(-50%,-50%);\n  }\n\n  to{\n    left:6%;\n    top:7.2%;\n\n    width:\n      clamp(155px,15.5vw,245px);\n\n    transform:\n      translate(0,0);\n  }\n\n}\n\n\n@keyframes wordIn{\n\n  from{\n    opacity:0;\n\n    transform:\n      translateY(-50%)\n      translateX(55px);\n  }\n\n  to{\n    opacity:1;\n\n    transform:\n      translateY(-50%)\n      translateX(0);\n  }\n\n}\n\n\n@keyframes copyRise{\n\n  from{\n    opacity:0;\n\n    transform:\n      translateY(10px);\n  }\n\n  to{\n    opacity:1;\n\n    transform:\n      translateY(0);\n  }\n\n}\n\n\n@keyframes titleReveal{\n\n  from{\n    opacity:0;\n\n    transform:\n      translateY(105%);\n  }\n\n  to{\n    opacity:1;\n\n    transform:\n      translateY(0);\n  }\n\n}\n\n\n@keyframes simpleOpacity{\n\n  from{\n    opacity:0;\n  }\n\n  to{\n    opacity:1;\n  }\n\n}\n\n\n@keyframes lineDraw{\n\n  from{\n    transform:scaleX(0);\n  }\n\n  to{\n    transform:scaleX(1);\n  }\n\n}\n\n\n\/* =========================================================\n   EXISTING SELECT SCREEN\n========================================================= *\/\n\n#intro-page .entry-wrap{\n  position:absolute;\n  inset:0;\n\n  z-index:10;\n\n  display:flex;\n\n  opacity:0;\n\n  transform:scale(1.025);\n\n  transition:\n    opacity .72s ease,\n    transform .9s cubic-bezier(.16,1,.3,1);\n\n  backface-visibility:hidden;\n}\n\n#intro-page.menu-ready .entry-wrap{\n  opacity:1;\n\n  transform:scale(1);\n}\n\n#intro-page .mobile-menu-head{\n  display:none;\n}\n\n\n\/* =========================================================\n   ENTRY\n========================================================= *\/\n\n#intro-page .entry{\n  position:relative;\n\n  flex:1;\n\n  min-width:0;\n\n  overflow:hidden;\n\n  border-right:\n    1px solid rgba(255,255,255,.14);\n\n  transition:\n    flex .65s cubic-bezier(.16,1,.3,1);\n}\n\n#intro-page .entry:last-child{\n  border-right:0;\n}\n\n#intro-page .entry-wrap:hover .entry{\n  flex:.82;\n}\n\n#intro-page .entry-wrap .entry:hover{\n  flex:1.65;\n}\n\n\n\/* =========================================================\n   ENTRY BACKGROUND\n========================================================= *\/\n\n#intro-page .entry:before{\n  content:\"\";\n\n  position:absolute;\n  inset:0;\n\n  background-size:cover;\n  background-position:center;\n\n  transform:scale(1.06);\n\n  transition:\n    transform .8s cubic-bezier(.16,1,.3,1);\n}\n\n#intro-page .entry.center:before{\n  background-image:\n    url(\"\/wp-content\/uploads\/2026\/08\/ridha-ahmad-firdaus-fPObzLmvBM0-unsplash-scaled.jpg\");\n}\n\n#intro-page .entry.partner:before{\n  background-image:\n    url(\"\/wp-content\/uploads\/2026\/08\/view-professional-handshake-business-people-scaled.jpg\");\n}\n\n#intro-page .entry.resources:before{\n  background-image:\n    url(\"\/wp-content\/uploads\/2026\/08\/hand-using-laptop-computer-with-virtual-screen-document-online-approve-paperless-quality-assurance-erp-management-concept-scaled.jpg\");\n}\n\n#intro-page .entry:hover:before{\n  transform:scale(1.015);\n}\n\n\n\/* =========================================================\n   ENTRY OVERLAY\n========================================================= *\/\n\n#intro-page .entry:after{\n  content:\"\";\n\n  position:absolute;\n  inset:0;\n\n  background:\n    linear-gradient(\n      180deg,\n      rgba(5,13,21,.35),\n      rgba(5,13,21,.86)\n    ),\n    linear-gradient(\n      90deg,\n      rgba(5,13,21,.40),\n      transparent 60%\n    );\n\n  transition:\n    background .4s ease;\n}\n\n#intro-page .entry:hover:after{\n  background:\n    linear-gradient(\n      180deg,\n      rgba(5,13,21,.18),\n      rgba(5,13,21,.72)\n    ),\n    linear-gradient(\n      90deg,\n      rgba(230,55,70,.16),\n      transparent 62%\n    );\n}\n\n\n\/* =========================================================\n   ENTRY CONTENT\n========================================================= *\/\n\n#intro-page .entry-content{\n  position:absolute;\n\n  left:0;\n  right:0;\n  bottom:10%;\n\n  z-index:3;\n\n  padding:\n    46px 42px;\n\n  transform:\n    translateY(10px);\n\n  transition:\n    transform .5s cubic-bezier(.16,1,.3,1);\n}\n\n#intro-page .entry:hover .entry-content{\n  transform:translateY(0);\n}\n\n#intro-page .entry-index{\n  display:block;\n\n  margin-bottom:18px;\n\n  color:#ff6d77;\n\n  font:\n    800 11px\/1\n    \"Manrope\",\n    sans-serif;\n\n  letter-spacing:.18em;\n}\n\n#intro-page .entry h2{\n  margin:0;\n\n  color:#fff!important;\n\n  font-size:\n    clamp(26px,2.6vw,43px);\n\n  font-weight:600;\n\n  line-height:1.12!important;\n\n  letter-spacing:-.05em;\n\n  white-space:nowrap;\n\n  text-shadow:\n    0 4px 18px rgba(0,0,0,.30);\n}\n\n#intro-page .entry p{\n  max-width:450px;\n\n  margin:16px 0 0;\n\n  color:\n    rgba(255,255,255,.67);\n\n  font-size:18px;\n  line-height:1.75;\n\n  opacity:0;\n\n  transform:\n    translateY(10px);\n\n  transition:\n    opacity .35s ease,\n    transform .4s cubic-bezier(.16,1,.3,1);\n}\n\n#intro-page .entry:hover p{\n  opacity:1;\n\n  transform:translateY(0);\n}\n\n\n\/* =========================================================\n   ENTRY ARROW\n========================================================= *\/\n\n#intro-page .entry-arrow{\n  position:absolute;\n\n  top:42px;\n  right:38px;\n\n  z-index:4;\n\n  width:52px;\n  height:52px;\n\n  border-radius:50%;\n\n  border:\n    1px solid rgba(255,255,255,.35);\n\n  display:grid;\n  place-items:center;\n\n  font:\n    500 24px\/1\n    \"Manrope\",\n    sans-serif;\n\n  transition:\n    transform .35s ease,\n    background .35s ease,\n    border-color .35s ease;\n}\n\n#intro-page .entry:hover .entry-arrow{\n  background:var(--red);\n\n  border-color:var(--red);\n\n  transform:rotate(45deg);\n}\n\n\n\/* =========================================================\n   TABLET \/ MOBILE\n========================================================= *\/\n\n@media(max-width:900px){\n\n  #intro-page{\n    min-height:100svh;\n  }\n\n\n  \/* OPENING *\/\n\n  #intro-page .red-expand{\n    width:170vmax;\n    height:170vmax;\n  }\n\n\n  #intro-page .opening-photo{\n    inset:-1.5%;\n\n    background:\n      linear-gradient(\n        180deg,\n        rgba(4,11,17,.25) 0%,\n        rgba(4,11,17,.07) 32%,\n        rgba(4,11,17,.76) 100%\n      ),\n      linear-gradient(\n        90deg,\n        rgba(4,11,17,.50),\n        transparent 82%\n      ),\n      url(\"\/wp-content\/uploads\/2026\/08\/muhammad-rizki-rN3R-lKI45M-unsplash-scaled.jpg\")\n      center center \/ cover no-repeat;\n  }\n\n\n  #intro-page .opening-logo-stage{\n    width:\n      clamp(185px,53vw,275px);\n  }\n\n\n  @keyframes logoStageMove{\n\n    from{\n      left:50%;\n      top:50%;\n\n      width:\n        clamp(185px,53vw,275px);\n\n      transform:\n        translate(-50%,-50%);\n    }\n\n    to{\n      left:20px;\n      top:7%;\n\n      width:\n        clamp(135px,39vw,190px);\n\n      transform:\n        translate(0,0);\n    }\n\n  }\n\n\n  #intro-page .opening-word{\n    right:-66%;\n    top:47%;\n\n    font-size:\n      clamp(100px,30vw,175px);\n\n    -webkit-text-stroke:\n      1px rgba(255,255,255,.055);\n  }\n\n\n  #intro-page .opening-copy{\n    left:20px;\n    right:20px;\n    bottom:15%;\n\n    width:auto;\n  }\n\n\n  #intro-page .opening-kicker{\n    margin-bottom:13px;\n\n    font-size:7px;\n\n    letter-spacing:.15em;\n  }\n\n\n  #intro-page .opening-kicker:before{\n    width:22px;\n  }\n\n\n  #intro-page .title-mask span{\n    font-size:\n      clamp(23px,7.3vw,38px);\n\n    line-height:1.32!important;\n\n    letter-spacing:-.055em;\n\n    text-shadow:\n      0 7px 20px rgba(0,0,0,.25);\n  }\n\n\n  #intro-page .opening-meta{\n    left:20px;\n    right:20px;\n    top:18px;\n  }\n\n\n  #intro-page .opening-meta span,\n  #intro-page .opening-meta em{\n    font-size:5px;\n\n    letter-spacing:.13em;\n  }\n\n\n  #intro-page .opening-bottom{\n    left:20px;\n    right:20px;\n    bottom:18px;\n\n    gap:10px;\n  }\n\n\n  #intro-page .opening-bottom span,\n  #intro-page .opening-bottom em{\n    font-size:5px;\n  }\n\n\n  \/* SELECT *\/\n\n  #intro-page .entry-wrap{\n    position:relative;\n\n    inset:auto;\n\n    min-height:100svh;\n    height:100svh;\n\n    padding:\n      20px 14px 14px;\n\n    display:grid;\n\n    grid-template-rows:\n      auto\n      repeat(3,1fr);\n\n    gap:10px;\n\n    background:#07121d;\n\n    transform:\n      translateY(18px);\n  }\n\n\n  #intro-page.menu-ready .entry-wrap{\n    transform:\n      translateY(0);\n  }\n\n\n  #intro-page .mobile-menu-head{\n    display:flex;\n\n    align-items:flex-end;\n    justify-content:space-between;\n\n    gap:18px;\n\n    padding:\n      10px 8px 8px;\n  }\n\n\n  #intro-page .mobile-menu-head span{\n    color:#ff6d77;\n\n    font:\n      800 9px\/1\n      \"Manrope\",\n      sans-serif;\n\n    letter-spacing:.18em;\n  }\n\n\n  #intro-page .mobile-menu-head > div{\n  flex:1 1 auto;\n  min-width:0;\n  max-width:190px;\n}\n\n#intro-page .mobile-menu-head strong{\n  display:block;\n\n  max-width:170px;\n  margin-top:7px;\n\n  font-size:22px;\n  line-height:1.25;\n\n  letter-spacing:-.045em;\n\n  color:#fff;\n\n  white-space:normal;\n  word-break:keep-all;\n}\n\n\n #intro-page .mobile-menu-head i{\n    display:block;\n    flex:0 0 auto;\n\n    width:clamp(118px,30vw,150px);\n\n    font-style:normal;\n}\n\n#intro-page .mobile-menu-head i img{\n    display:block;\n\n    width:100%;\n    height:auto;\n\n    object-fit:contain;\n}\n\n\n  #intro-page .entry{\n    width:100%;\n    min-height:0;\n\n    flex:none;\n\n    overflow:hidden;\n\n    border:\n      1px solid rgba(255,255,255,.13);\n\n    border-radius:22px;\n\n    box-shadow:\n      0 10px 26px rgba(0,0,0,.15);\n  }\n\n\n  #intro-page .entry-wrap:hover .entry,\n  #intro-page .entry-wrap .entry:hover{\n    flex:none;\n  }\n\n\n  #intro-page .entry:before{\n    transform:scale(1.02);\n  }\n\n\n  #intro-page .entry.center:before{\n    background-position:center 48%;\n  }\n\n\n  #intro-page .entry.partner:before{\n    background-position:center 44%;\n  }\n\n\n  #intro-page .entry.resources:before{\n    background-position:center 43%;\n  }\n\n\n  #intro-page .entry:after{\n    background:\n      linear-gradient(\n        90deg,\n        rgba(4,11,18,.88) 0%,\n        rgba(4,11,18,.50) 56%,\n        rgba(4,11,18,.16) 100%\n      ),\n      linear-gradient(\n        180deg,\n        rgba(4,11,18,.05),\n        rgba(4,11,18,.5)\n      );\n  }\n\n\n  #intro-page .entry-content{\n    top:50%;\n    bottom:auto;\n\n    left:0;\n    right:72px;\n\n    padding:\n      20px 20px 20px 22px;\n\n    transform:\n      translateY(-50%);\n  }\n\n\n  #intro-page .entry:hover .entry-content{\n    transform:\n      translateY(-50%);\n  }\n\n\n  #intro-page .entry-index{\n    margin-bottom:8px;\n\n    font-size:8px;\n\n    letter-spacing:.16em;\n  }\n\n\n  #intro-page .entry h2{\n    max-width:100%;\n\n    font-size:\n      clamp(23px,7vw,32px);\n\n    line-height:1.15!important;\n\n    white-space:normal;\n  }\n\n\n  #intro-page .entry p{\n    display:-webkit-box;\n\n    max-width:360px;\n\n    margin-top:8px;\n\n    overflow:hidden;\n\n    color:\n      rgba(255,255,255,.67);\n\n    font-size:11px;\n    line-height:1.55;\n\n    opacity:1;\n\n    transform:none;\n\n    -webkit-line-clamp:3;\n    -webkit-box-orient:vertical;\n  }\n\n\n  #intro-page .entry-arrow{\n    top:50%;\n    right:18px;\n\n    width:42px;\n    height:42px;\n\n    transform:\n      translateY(-50%);\n\n    font-size:19px;\n\n    background:\n      rgba(255,255,255,.08);\n  }\n\n\n  #intro-page .entry:hover .entry-arrow{\n    transform:\n      translateY(-50%)\n      rotate(45deg);\n  }\n\n}\n\n\n\/* =========================================================\n   SMALL MOBILE\n========================================================= *\/\n\n@media(max-width:600px){\n\n  #intro-page .opening-copy{\n    bottom:16%;\n  }\n\n\n  #intro-page .title-mask span{\n    font-size:\n      clamp(21px,7vw,31px);\n  }\n\n\n  #intro-page .opening-meta span{\n    display:none;\n  }\n\n\n  #intro-page .opening-bottom{\n    grid-template-columns:\n      auto\n      1fr;\n  }\n\n\n  #intro-page .opening-bottom em{\n    display:none;\n  }\n\n\n  #intro-page .entry-wrap{\n    padding:\n      12px 10px 10px;\n\n    gap:8px;\n  }\n\n\n  #intro-page .mobile-menu-head{\n    padding:\n      8px 5px 6px;\n  }\n\n\n  #intro-page .mobile-menu-head strong{\n    font-size:19px;\n  }\n\n\n#intro-page .mobile-menu-head i{\n    width:112px;\n}\n\n  #intro-page .entry{\n    border-radius:18px;\n  }\n\n\n  #intro-page .entry-content{\n    right:61px;\n\n    padding:\n      16px 14px 16px 17px;\n  }\n\n\n  #intro-page .entry h2{\n    font-size:\n      clamp(21px,6.8vw,28px);\n  }\n\n\n  #intro-page .entry p{\n    font-size:12px;\n\n    line-height:1.45;\n  }\n\n\n  #intro-page .entry-arrow{\n    right:14px;\n\n    width:38px;\n    height:38px;\n  }\n\n}\n\n\n@media(max-width:380px){\n\n  #intro-page .title-mask span{\n    font-size:20px;\n  }\n\n\n  #intro-page .opening-kicker{\n    font-size:6px;\n  }\n\n\n  #intro-page .mobile-menu-head strong{\n    font-size:17px;\n  }\n\n\n  #intro-page .entry h2{\n    font-size:20px;\n  }\n\n\n  #intro-page .entry p{\n    -webkit-line-clamp:3;\n  }\n\n}\n\n\n\/* =========================================================\n   REDUCED MOTION\n========================================================= *\/\n\n@media(prefers-reduced-motion:reduce){\n\n  #intro-page .brand-opening{\n    display:none!important;\n  }\n\n\n  #intro-page .entry-wrap{\n    opacity:1!important;\n    transform:none!important;\n    transition:none!important;\n  }\n\n}\n\n<\/style>\n\n\n\n<div id=\"intro-page\">\n\n\n  <!-- =====================================================\n       OPENING\n  ====================================================== -->\n\n  <div\n    class=\"brand-opening\"\n    aria-hidden=\"true\">\n\n\n    <div class=\"opening-white\"><\/div>\n\n\n    <div class=\"red-expand\"><\/div>\n\n    <div class=\"logo-ripple\"><\/div>\n\n    <div class=\"red-layer\"><\/div>\n\n\n    <div class=\"opening-photo\"><\/div>\n\n\n    <div class=\"opening-word\">\n      INDONESIA\n    <\/div>\n\n\n\n    <!-- =================================================\n         LOGO\n    ================================================== -->\n\n    <div class=\"opening-logo-stage\">\n\n\n      <!--\n        \ud770 \ubc30\uacbd\uc5d0\uc11c \uc0ac\uc6a9\ud558\ub294 \uac80\uc815\uc0c9 \ub85c\uace0\n      -->\n\n      <img decoding=\"async\"\n        class=\"opening-logo-dark\"\n        src=\"\/wp-content\/uploads\/2026\/08\/logo-black.png\"\n        alt=\"\">\n\n\n      <!--\n        \ube68\uac04 \ubc30\uacbd \/ \uc0ac\uc9c4 \uc704\uc5d0\uc11c \uc0ac\uc6a9\ud558\ub294 \ud770\uc0c9 \ub85c\uace0\n      -->\n\n      <img decoding=\"async\"\n        class=\"opening-logo-white\"\n        src=\"\/wp-content\/uploads\/2026\/08\/logo.png\"\n        alt=\"\">\n\n\n    <\/div>\n\n\n\n    <!-- META -->\n\n    <div class=\"opening-meta\">\n\n      <em>\n        KOREA \u2194 INDONESIA\n      <\/em>\n\n    <\/div>\n\n\n\n    <!-- MAIN COPY -->\n\n    <div class=\"opening-copy\">\n\n\n      <div class=\"opening-kicker\">\n        KOREA \u2013 INDONESIA BUSINESS PLATFORM\n      <\/div>\n\n\n      <div class=\"title-mask first\">\n\n        <span>\n          \ub300\ud55c\ubbfc\uad6d\uacfc \uc778\ub3c4\ub124\uc2dc\uc544\ub97c \uc5f0\uacb0\ud558\ub294\n        <\/span>\n\n      <\/div>\n\n\n      <div class=\"title-mask second\">\n\n        <span>\n          \ube44\uc988\ub2c8\uc2a4\uc758 \ud1b5\ud569 \uc194\ub8e8\uc158 \ud50c\ub7ab\ud3fc\n        <\/span>\n\n      <\/div>\n\n\n    <\/div>\n\n\n\n    <!-- BOTTOM -->\n\n    <div class=\"opening-bottom\">\n\n      <span>\n        IBC\n      <\/span>\n\n      <div class=\"opening-line\"><\/div>\n\n      <em>\n        ENTERING SITE\n      <\/em>\n\n    <\/div>\n\n\n  <\/div>\n\n\n\n  <!-- =====================================================\n       EXISTING SELECT SCREEN\n  ====================================================== -->\n\n  <div class=\"entry-wrap\">\n\n\n    <div class=\"mobile-menu-head\">\n\n      <div>\n\n        <span>\n          SELECT YOUR DESTINATION\n        <\/span>\n\n        <strong>\n          \uc5b4\ub514\ub85c \uc774\ub3d9\ud560\uae4c\uc694?\n        <\/strong>\n\n      <\/div>\n\n      <i>\n         <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/08\/logo.png\" alt=\"Indonesia Business Center\">\n      <\/i>\n\n    <\/div>\n\n\n\n    <!-- 01 -->\n\n    <a\n      class=\"entry center\"\n      href=\"\/?page_id=8\">\n\n      <span class=\"entry-arrow\">\n        \u2197\n      <\/span>\n\n      <div class=\"entry-content\">\n\n        <span class=\"entry-index\">\n          01 \/ INDONESIA BUSINESS CENTER\n        <\/span>\n\n        <h2>\n          \uc778\ub3c4\ub124\uc2dc\uc544 \ube44\uc988\ub2c8\uc2a4 \uc13c\ud130\n        <\/h2>\n\n        <p>\n          \uc2dc\uc7a5\uc870\uc0ac\ubd80\ud130 \ubc95\uc778 \uc124\ub9bd, \uc778\u2022\ud5c8\uac00, B2B \ub9e4\uce6d,\n          \ud22c\uc790 \uc720\uce58\uae4c\uc9c0 \uc778\ub3c4\ub124\uc2dc\uc544 \uc9c4\ucd9c\uc758 \ubaa8\ub4e0 \uacfc\uc815\uc744 \uc9c0\uc6d0\ud569\ub2c8\ub2e4.\n        <\/p>\n\n      <\/div>\n\n    <\/a>\n\n\n\n    <!-- 02 -->\n\n    <a\n      class=\"entry partner\"\n      href=\"\/?page_id=152\">\n\n      <span class=\"entry-arrow\">\n        \u2197\n      <\/span>\n\n      <div class=\"entry-content\">\n\n        <span class=\"entry-index\">\n          02 \/ PARTNER\n        <\/span>\n\n        <h2>\n          \ud30c\ud2b8\ub108\n        <\/h2>\n\n        <p>\n          \uc778\ub3c4\ub124\uc2dc\uc544 \ud604\uc9c0\uc758 \uc815\ubd80\uae30\uad00, \ud22c\uc790\uae30\uad00, \uae30\uc5c5 \ubc0f\n          \ubd84\uc57c\ubcc4 \uc804\ubb38\uac00\uc640 \ube44\uc988\ub2c8\uc2a4\ub97c \uc5f0\uacb0\ud569\ub2c8\ub2e4\n        <\/p>\n\n      <\/div>\n\n    <\/a>\n\n\n\n    <!-- 03 -->\n\n    <a\n      class=\"entry resources\"\n      href=\"\/?page_id=276\">\n\n      <span class=\"entry-arrow\">\n        \u2197\n      <\/span>\n\n      <div class=\"entry-content\">\n\n        <span class=\"entry-index\">\n          03 \/ RESOURCES\n        <\/span>\n\n        <h2>\n          \uc790\ub8cc\uc2e4\n        <\/h2>\n\n        <p>\n          \uc778\ub3c4\ub124\uc2dc\uc544 \uc9c4\ucd9c\uacfc \uc0ac\uc5c5 \uc6b4\uc601\uc5d0 \ud544\uc694\ud55c\n          \ucd5c\uc2e0 \uc815\ubcf4\uc640 \uc790\ub8cc\ub97c \ud655\uc778\ud558\uc138\uc694.\n        <\/p>\n\n      <\/div>\n\n    <\/a>\n\n\n  <\/div>\n\n\n<\/div>\n\n\n\n<script>\n\n(function () {\n\n\n  function initBrandOpening() {\n\n\n    var page =\n      document.getElementById(\n        'intro-page'\n      );\n\n\n    var opening =\n      document.querySelector(\n        '#intro-page .brand-opening'\n      );\n\n\n    if (!page) {\n      return;\n    }\n\n\n\n    if (\n      window.matchMedia &&\n      window.matchMedia(\n        '(prefers-reduced-motion: reduce)'\n      ).matches\n    ) {\n\n\n      page.classList.add(\n        'menu-ready'\n      );\n\n\n      if (opening) {\n\n        opening.classList.add(\n          'is-done'\n        );\n\n      }\n\n\n      return;\n    }\n\n\n\n    if (!opening) {\n\n\n      page.classList.add(\n        'menu-ready'\n      );\n\n\n      return;\n    }\n\n\n\n    \/*\n     * TIMELINE\n     *\n     * 0.00  WHITE\n     * 0.28  BLACK LOGO\n     * 1.08  RED EXPAND\n     * 1.54  WHITE LOGO\n     * 1.78  PHOTO\n     * 2.28  LOGO \uc88c\uc0c1\ub2e8 \uc774\ub3d9\n     * 2.60  KICKER\n     * 2.77  TITLE 1\n     * 2.93  TITLE 2\n     * 4.02  SELECT \uc900\ube44\n     * 4.28  OPENING FADE\n     * 5.15  OPENING \uc0ad\uc81c\n     *\/\n\n\n    window.setTimeout(\n      function () {\n\n        page.classList.add(\n          'menu-ready'\n        );\n\n      },\n      4020\n    );\n\n\n    window.setTimeout(\n      function () {\n\n        opening.classList.add(\n          'is-leaving'\n        );\n\n      },\n      4280\n    );\n\n\n    window.setTimeout(\n      function () {\n\n        opening.classList.add(\n          'is-done'\n        );\n\n      },\n      5150\n    );\n\n\n  }\n\n\n\n  if (\n    document.readyState ===\n    'loading'\n  ) {\n\n    document.addEventListener(\n      'DOMContentLoaded',\n      initBrandOpening\n    );\n\n  } else {\n\n    initBrandOpening();\n\n  }\n\n\n})();\n\n<\/script>\n\n","protected":false},"excerpt":{"rendered":"<p>INDONESIA KOREA \u2194 INDONESIA KOREA \u2013 INDONESIA BUSINESS PLATFORM \ub300\ud55c\ubbfc\uad6d\uacfc \uc778\ub3c4\ub124\uc2dc\uc544\ub97c \uc5f0\uacb0\ud558\ub294 \ube44\uc988\ub2c8\uc2a4\uc758 \ud1b5\ud569 \uc194\ub8e8\uc158 \ud50c\ub7ab\ud3fc IBC ENTERING SITE SELECT YOUR DESTINATION \uc5b4\ub514\ub85c \uc774\ub3d9\ud560\uae4c\uc694? \u2197 01 \/ INDONESIA BUSINESS CENTER \uc778\ub3c4\ub124\uc2dc\uc544 \ube44\uc988\ub2c8\uc2a4 \uc13c\ud130 \uc2dc\uc7a5\uc870\uc0ac\ubd80\ud130 \ubc95\uc778 \uc124\ub9bd, \uc778\u2022\ud5c8\uac00, B2B \ub9e4\uce6d, \ud22c\uc790 &hellip; <a href=\"https:\/\/indonesia.or.kr\/\">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-99","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/indonesia.or.kr\/index.php?rest_route=\/wp\/v2\/pages\/99","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/indonesia.or.kr\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/indonesia.or.kr\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/indonesia.or.kr\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/indonesia.or.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=99"}],"version-history":[{"count":109,"href":"https:\/\/indonesia.or.kr\/index.php?rest_route=\/wp\/v2\/pages\/99\/revisions"}],"predecessor-version":[{"id":1207,"href":"https:\/\/indonesia.or.kr\/index.php?rest_route=\/wp\/v2\/pages\/99\/revisions\/1207"}],"wp:attachment":[{"href":"https:\/\/indonesia.or.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=99"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}