{"id":11,"date":"2025-02-07T08:11:37","date_gmt":"2025-02-07T08:11:37","guid":{"rendered":"https:\/\/chltkdgus15.mycafe24.com\/?page_id=11"},"modified":"2025-12-08T16:47:33","modified_gmt":"2025-12-08T07:47:33","slug":"%eb%b9%84%ec%a6%88%eb%8b%88%ec%8a%a4","status":"publish","type":"page","link":"https:\/\/mcdsent.com\/?page_id=11","title":{"rendered":"BUSINESS"},"content":{"rendered":"\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/ScrollMagic\/2.0.8\/ScrollMagic.min.js\"><\/script>\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/ScrollMagic\/2.0.8\/plugins\/debug.addIndicators.min.js\"><\/script>\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.2\/gsap.min.js\"><\/script>\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/ScrollMagic\/2.0.8\/plugins\/animation.gsap.min.js\"><\/script>\n\n<style>\n\/* \uc804\uccb4 \ubc30\uacbd \uc124\uc815 *\/\n.busiWrap {background: #000; position: relative; padding-bottom:5%;}\n.m_br{display:none;}\n\n\/* sec1*\/\n.sec1 {height: 100vh; position: relative;}\n.bgBox {background: url('\/wp-content\/uploads\/2025\/02\/busi_main01.png') no-repeat center; background-size: cover; width: 300px; height: 300px; position: absolute; left: 50%; bottom: -350px; \/* \ud654\uba74 \uc544\ub798\uc5d0\uc11c \uc2dc\uc791 *\/ transform: translate(-50%, 0) scale(1); opacity: 0; transition: bottom 1.5s ease-out, opacity 1.5s ease-out;}\n.bgBox.active {bottom: 50%; transform: translate(-50%, 50%) scale(1); opacity: 1;}\n.bgBox.expand {width: 100%; height: 100vh; top:50%; transform: translate(-50%, -50%) scale(1); transition: width 1.5s ease-out, height 1.5s ease-out;}\n.bgBox {display: flex; align-items: center; justify-content: center;}\n.bgBox h1 span {font-family: 'Poppins' !important; font-weight: bold !important; color:#fff; line-height:1.3;}\n.bgBox h1 span {display: inline-block; opacity: 0; transform: translateY(20px); transition: opacity 0.5s ease-out, transform 0.5s ease-out;}\n.bgBox.show-content h1 span {opacity: 1; transform: translateY(0);}\n\n\/* span\uc774 \uc21c\ucc28\uc801\uc73c\ub85c \ub4f1\uc7a5 *\/\n.bgBox.show-content h1 span:nth-of-type(1) { transition-delay: 0.2s; }\n.bgBox.show-content h1 span:nth-of-type(2) { transition-delay: 0.4s; }\n.bgBox.show-content h1 span:nth-of-type(3) { transition-delay: 0.6s; }\n.bgBox.show-content h1 span:nth-of-type(4) { transition-delay: 0.8s; }\n\n\/*sec2*\/\n.sec2 {position: relative; padding-top:10rem; max-width:1635px; margin: 0 auto; }\n.sec2 .sec2-txtBox h2 {font-size: 2.5rem !important; word-break: keep-all; font-family: 'Noto Sans KR' !important; font-weight: 600; color: #fff;}\n\n.sec2-Box {display: flex; gap: 39px;}\n.sec2-Box>div {width: 25%; height: 470px; border: 1px solid rgba(255, 255, 255, .2); position: relative; padding: 43px 40px 64px 44px; transition: all .5s linear;}\n.sec2-Box>div .txtBox .num {font-size: 8rem; font-weight: bold; color: rgba(255, 255, 255, .07); position: absolute; top: 0; right: 30px; line-height:1.6;}\n.sec2-Box>div .txtBox .hov-txt .sec2Box_en {opacity: 1; font-size: 3rem; font-weight: 600; bottom: 60px; position: absolute; line-height: 1.2; transition: all .6s linear; text-transform: uppercase; color: #fff;}\n.sec2-Box>div .txtBox .hov-txt .sec2Box_kor {opacity: 0; bottom: 60px; position: absolute;}\n.sec2-Box>div .txtBox .hov-txt .sec2Box_kor span {display: block; color: #000; font-size: 2rem; font-weight: normal; position: relative; padding-left: 11px; transition: all .4s ease; opacity: 0; transform: translate(0, 30px);}\n.sec2-Box>div .txtBox .hov-txt .sec2Box_kor span::after {position: absolute; top: 37%; left: 0; content: \"\"; display: block; width: .2rem; height: .2rem; border-radius: 50%; opacity: .8; background-color: #000;}\n\n\/*hover\ud6a8\uacfc*\/\n.sec2-Box>div:hover {background-color: #fff;}\n.sec2-Box>div:hover .txtBox .num {color: rgba(0, 0, 0, .08);}\n.sec2-Box>div:hover .txtBox .hov-txt .sec2Box_en {bottom: 345px; opacity: 1; color: #000;}\n.sec2-Box>div:hover .txtBox .hov-txt .sec2Box_kor {opacity:1;}\n.sec2-Box>div:hover .txtBox .hov-txt .sec2Box_kor .t01 {transition-delay: .4s; opacity: 1; transform: translate(0px)}\n.sec2-Box>div:hover .txtBox .hov-txt .sec2Box_kor .t02 {transition-delay: .5s; opacity: 1; transform: translate(0px);}\n.sec2-Box>div:hover .txtBox .hov-txt .sec2Box_kor .t03 {transition-delay: .6s; opacity: 1; transform: translate(0px);}\n\n\/*sec3*\/\n.sec3 {position: relative; padding: 10rem 0; overflow: hidden; white-space: nowrap;}\n.scroll-container {display: flex; align-items: center; justify-content: flex-start; width: 100%; height: 100%; overflow: hidden;}\n.scroll-wrapper {display: flex; animation: scrollText 100s linear infinite;}\n.scroll-text {font-size: 25rem; font-weight: bold; color: #ef4023; line-height: 1; margin-right: 200px;}\n\n\/* \uc2a4\ud06c\ub864 \uc560\ub2c8\uba54\uc774\uc158 *\/\n@keyframes scrollText {\n   from {transform: translateX(0);}\n   to {transform: translateX(-100%);}\n}\n\n\/*sec4*\/\n.wrapper {width: 100%; height: 100vh; overflow: hidden; perspective: 1000px;}\n.section {height: 100%; width:15%; float: left; position: relative; padding-top:130px; background: #000; display: flex; justify-content: center;}\n.sections {width: 340%; height: 100%;}\n.section__title {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 30px; color: #fff;}\n\n.section:nth-child(2) .secImg {width: 70% !important; top: 25%;}\n.section:nth-child(2) .hov-text {top:55%;}\n.section:nth-child(2) .sec4-ti {top: 20%; right: 5%;}\n.section:nth-child(3) {}\n.section:nth-child(4) .secImg {width: 85% !important; top: 15%;}\n.section:nth-child(4) .hov-text {top:50%;}\n.section:nth-child(4) .sec4-ti {top: 20%; right: -5%;}\n.section:nth-child(5) {}\n\n.secImg {width: 35%; border-radius: 50%; position:relative; overflow: hidden;}\n.secImg img {border-radius: 50%;}\n.secImg::after {content: ''; background: #000; height: 100%; width: 100%; position: absolute; top: 0; border-radius: 50%; opacity: 0.3; transition: all .3s;}\n.sec-in {position: relative;}\n.sec-in * {width: fit-content; margin: 0 !important;}\n.sec4-ti {position: absolute; top: 10%; right: -15%; transition: all .3s;}\n.sec4-ti p {font-size: 7rem !important; color: #fff; border-bottom: 5px solid; font-weight: 600;}\np.cate {position: absolute; color: #fff; font-size: 20px !important; font-weight: 600; top: 70%; transition: all .3s;}\np.cate::after {content: ''; position: absolute; height: 10px; width: 10px; background: #99ba1d; border-radius: 50%;}\n.hov-text {opacity: 0; position: absolute; top: 40%; left: 50%; transform: translate(-50%, -50%); transition: all .3s; width: 70%;}\n.hov-text p {color: #fff; font-size: 2.5rem !important; font-weight: 500; margin-bottom: 20px !important;}\n.hov-text ul li {font-size: 1.7rem; color: #c4c4c4; display: flex; align-items: center; gap: 5px;}\n.hov-text ul li::before {content: ''; width: 5px; height: 5px; background: #c4c4c4; display: block; border-radius: 50%;}\n\n.sec-in:hover .hov-text {opacity: 1;}\n.sec-in:hover .secImg::after {opacity: 0.7;}\n.sec-in:hover .sec4-ti, .sec-in:hover p.cate {opacity: 0;}\n\n.section .secImg::before {content: ''; width: 100%; height: 100%; position: absolute; border-radius: 50%; transition: transform 0.8s ease-in-out, opacity 0.8s ease-in-out;}\n.section.active .secImg::before {}\n\n.section:nth-child(1).active .secImg::before {background: #F8BBD0; transform: translateY(150%); opacity: 0;}\n.section:nth-child(2).active .secImg::before {background: #BBDEFB; transform: translateX(150%); opacity: 0;}\n.section:nth-child(3).active .secImg::before {background: #D1C4E9; transform: translate(150%, 150%); opacity: 0;}\n.section:nth-child(4).active .secImg::before {background: #9FA8DA; transform: translate(150%, -150%); opacity: 0;}\n.section:nth-child(5).active .secImg::before {background: #B2DFDB; transform: translate(-150%, 150%); opacity: 0;}\n\n\n<\/style>\n\n\n\n<style>\n\/* \ubaa8\ubc14\uc77c \uc0ac\uc774\uc988 *\/\n@media (max-width: 767px) {\n.pc_br {display:none;}\n.m_br{display:block;}\n.bgBox h1 {font-size:4.5rem !important;}\n\n.sec2 {width: 80%; padding-top: 5rem;}\n.sec2 .sec2-txtBox h2 {font-size: 1.7rem !important; line-height: 1.6;}\n.sec2-Box {flex-direction: column;}\n.sec2-Box>div {width: 100%; padding: 20px;}\n.sec2-Box>div .txtBox .hov-txt .sec2Box_kor span {font-size:1.5rem;}\n.sec2-contBox {margin-top: 6rem;}\n\n.sec3 {padding:5rem 0;}\n.scroll-text {font-size: 15rem !important;}\n\n.wrapper {overflow: inherit; height: 240vh;}\n.sections {width: 90%; margin: 0 auto; height: auto; display: flex; flex-direction: column; align-items: center;}\n.section {display: block; width:80%; padding-top:50px;}\n.sec4-ti p {font-size: 2rem !important;}\n.sec4-ti {right: 0%;}\np.cate{font-size:13px !important;}\np.cate::after {width: 5px; height: 5px;}\n.hov-text p {font-size: 1.3rem !important; margin-bottom:10px;}\n.hov-text ul li {font-size: 1rem !important;}\n.hov-text ul li::before {width: 3px; height: 3px;}\n\n.section:nth-child(2) .secImg {width: 85% !important;}\n}\n\n@media (max-width: 500px) {\n.bgBox {    background: url(\/wp-content\/uploads\/2025\/02\/busi_main01.png) no-repeat 85% 50%;\n    background-size: cover;}\n.sec2-Box>div {    height: 300px;}\n.sec2-Box>div:hover .txtBox .hov-txt .sec2Box_en {    bottom: 180px;}\n.sec2-Box>div .txtBox .hov-txt .sec2Box_kor span {font-size:16px !important;}\n.scroll-text { font-size: 10rem !important;}\n}\n\n<\/style>\n\n\n\n<div class=\"busiWrap\">\n<div class=\"sec1\">\n<div class=\"bgBox\">\n<h1><span>WE<\/span> <span>CREATE<\/span><br class=\"m_br\"> <span>BETTER<\/span><br> <span>TOGETHER<\/span><\/h1>\n<\/div>\n<\/div>\n\n<div class=\"sec2\">\n<div class=\"sec2-txtBox\">\n<div data-aos=\"fade-up\" data-aos-duration=\"1500\">\n<h2>MCDS\uc5d4\ud130\ud14c\uc778\uba3c\ud2b8\ub294 \ud06c\ub9ac\uc5d0\uc774\ud130\uc758 \uc0c1\uc0c1\ub825\uacfc<br class=\"pc_br\">\n\uac1c\uc131\uc744 \uac00\uc7a5 \uba3c\uc800 \uc801\uadf9 \uc874\uc911\ud558\uba70 \ud56d\uc0c1 BJ \ud06c\ub9ac\uc5d0\uc774\ud130<br class=\"pc_br\">\n\ud55c \ubd84 \ud55c \ubd84\uc744 \uc704\ud55c \ud68c\uc758\ub97c \ud1b5\ud574 \ucf58\ud150\uce20\uac00 \ub354\uc6b1 \ud5a5\uc0c1\ub420 \uc218 \uc788\uac8c \ub9e4\uc77c\uac19\uc774<br class=\"pc_br\">\n\ud68c\uc758\uc640 \uae30\ud68d\uc740 \ubb3c\ub860 , \uc20f\ud3fc \ub4f1 \uc0ac\uc5c5\ubd84\uc57c\ub97c \ub113\ud600\ub098\uac00\uba70 \uc218\uc900 \ub192\uc740 \ud55c\ub958 \ucf58\ud150\uce20\ub97c<br class=\"pc_br\">\n\uc0dd\uc0b0\ud560 \uc218 \uc788\ub294 \uc885\ud569 \uc5d4\ud130\ud14c\uc778\uba3c\ud2b8 \uae30\uc5c5\uc73c\ub85c \uc131\uc7a5\ud558\uace0 \uc788\uc2b5\ub2c8\ub2e4.<\/h2>\n<\/div>\n<\/div>\n<div class=\"sec2-contBox\">\n<div class=\"sec2-Box\" data-aos=\"fade-up\" data-aos-duration=\"1500\" data-aos-delay=\"400\">\n<div class=\"box01\">\n<div class=\"txtBox\">\n<div class=\"num\">01<\/div>\n<div class=\"hov-txt\">\n<span class=\"sec2Box_en\">SCOUT<\/span>\n<div class=\"sec2Box_kor\">\n<span class=\"t01\">\ud06c\ub9ac\uc5d0\uc774\ud130 \uc601\uc785<\/span>\n<\/div>\n<\/div>\n<\/div>\n<\/div><!--box01-->\n<div class=\"box02\">\n<div class=\"txtBox\">\n<div class=\"num\">02<\/div>\n<div class=\"hov-txt\">\n<span class=\"sec2Box_en\">MANAGEMENT<\/span>\n<div class=\"sec2Box_kor\">\n<span class=\"t01\">\ucc44\ub110 \ucee8\uc124\ud305<\/span>\n<span class=\"t02\">\ucf58\ud150\uce20 \uae30\ud68d\u00b7\uc81c\uc791<\/span>\n<span class=\"t03\">\ub9ac\uc2a4\ud06c \uad00\ub9ac<\/span>\n<\/div>\n<\/div>\n<\/div>\n<\/div><!--box02-->\n<div class=\"box03\">\n<div class=\"txtBox\">\n<div class=\"num\">03<\/div>\n<div class=\"hov-txt\">\n<span class=\"sec2Box_en\">BUSINESS<br> DEVELOPMENT<\/span>\n<div class=\"sec2Box_kor\">\n<span class=\"t01\">\uc0c1\ud488 \uac1c\ubc1c \ubc0f \uae30\ud68d<\/span>\n<span class=\"t02\">\uc2e0\uc0ac\uc5c5 \uacf5\ub3d9 \uac1c\ubc1c<\/span>\n<\/div>\n<\/div>\n<\/div>\n<\/div><!--box03-->\n<div class=\"box04\">\n<div class=\"txtBox\">\n<div class=\"num\">04<\/div>\n<div class=\"hov-txt\">\n<span class=\"sec2Box_en\">MONETIZATION<\/span>\n<div class=\"sec2Box_kor\">\n<span class=\"t01\">\uad11\uace0 \uc0c1\ud488 \ud310\ub9e4<\/span>\n<span class=\"t02\">\ud06c\ub9ac\uc5d0\uc774\ud130 \uae30\ubc18 \uc0c1\ud488 \uc11c\ube44\uc2a4 \ud310\ub9e4<\/span>\n<\/div>\n<\/div>\n<\/div>\n<\/div><!--box04-->\n<\/div>\n<\/div>\n<\/div><!--sec2-->\n\n<div class=\"sec3\">\n<div class=\"scroll-container\">\n<div class=\"scroll-wrapper\">\n<div class=\"scroll-text\">CREATOR PARTNERSHIP<\/div>\n<div class=\"scroll-text\">CREATOR PARTNERSHIP<\/div>\n<div class=\"scroll-text\">CREATOR PARTNERSHIP<\/div>\n<div class=\"scroll-text\">CREATOR PARTNERSHIP<\/div>\n<\/div>\n<\/div>\n<\/div><!--sec3-->\n\n<div class=\"wrapper sec4\" id=\"js-wrapper\">\n<div class=\"sections\" id=\"js-slideContainer\">\n<div class=\"section\">\n<div class=\"sec-in\">\n<div class=\"secImg\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/02\/busi_img02.png\" alt=\"\"><\/div>\n<div class=\"sec4-ti\"><p>\ud06c\ub9ac\uc5d0\uc774\ud130<\/p><p>\ud30c\ud2b8\ub108\uc2ed<\/p><\/div>\n<p class=\"cate\" data-font=\"Montserrat\">Creator<br>Partnership<\/p>\n<div class=\"hov-text\">\n<p>\ud06c\ub9ac\uc5d0\uc774\ud130 \ud30c\ud2b8\ub108\uc2ed<br>(Creator Partnership)<\/p>\n<ul class=\"two\">\n<li>\ub9e4\ub2c8\uc9c0\uba3c\ud2b8<\/li>\n<li>\ucf58\ud150\uce20 \uc81c\uc791 \uc9c0\uc6d0<\/li>\n<li>\ucc44\ub110 \ucee8\uc124\ud305<\/li>\n<li>\ucf58\ud150\uce20 \ud14c\ud06c<\/li>\n<li>\ucf58\ud150\uce20 \uc218\uc775\ud654<\/li>\n<li>\ub77c\uc774\ube0c\ucee4\uba38\uc2a4<\/li>\n<\/ul>\n<\/div>\n<\/div><!--sec-in-->\n<\/div>\n<div class=\"section\">\n<div class=\"sec-in\">\n<div class=\"secImg\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/02\/busi_img04.png\" alt=\"\"><\/div>\n<div class=\"sec4-ti\"><p>\ubc29\uc1a1 \uc804\ubb38<\/p><p>\uc721\uc131 \uc2dc\uc2a4\ud15c<\/p><\/div>\n<p class=\"cate\" data-font=\"Montserrat\">Education<br>Assitance<\/p>\n<div class=\"hov-text\">\n<p>\ubc29\uc1a1 \uc804\ubb38 \uc721\uc131 \uc2dc\uc2a4\ud15c<br>(Education Assitance)<\/p>\n<ul class=\"two\">\n<li>\ubc29\uc1a1\uae30\ucd08\uad50\uc721<\/li>\n<li>\ubc29\uc1a1 \ucc44\ub110 \uad00\ub9ac<\/li>\n<li>\uac00\uc774\ub4dc\ub77c\uc778 \uc81c\uacf5<\/li>\n<li>\uc778\ud14c\ub9ac\uc5b4 \ubc29\uc1a1 \uc18c\ud488 \uc9c0\uc6d0<\/li>\n<li>\ubd88\uacf5\uc815 \uacc4\uc57d \uadfc\uc808 (\uc138\ubb34&amp;\ubc95\ubb34 \uad00\ub828 \uc9c0\uc6d0)<\/li>\n<li>\ucd2c\uc601&amp;\ub514\uc790\uc778 \ud3b8\uc9d1<\/li>\n<li>\ud64d\ubcf4 \uc9c0\uc6d0<\/li>\n<li>\uc608\uccb4\ub2a5 \ub808\uc2a8 \uc9c0\uc6d0<\/li>\n<li>1:1 \uc804\ub2f4 \ub9e4\ub2c8\uc800<\/li>\n<\/ul>\n<\/div>\n<\/div><!--sec-in-->\n<\/div>\n<div class=\"section\">\n<div class=\"sec-in\">\n<div class=\"secImg\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/02\/busi_img03.png\" alt=\"\"><\/div>\n<div class=\"sec4-ti\"><p>\ud504\ub85c\ub355\uc158<\/p><\/div>\n<p class=\"cate\" data-font=\"Montserrat\">Production<\/p>\n<div class=\"hov-text\">\n<p>\ud504\ub85c\ub355\uc158<br>(Production)<\/p>\n<ul class=\"two\">\n<li>MCDS\uc5d4\ud130\ud14c\uc778\uba3c\ud2b8\uac00 \uc790\uccb4\uc801\uc73c\ub85c \uae30\ud68d\ud55c \uc624\ub9ac\uc9c0\ub110 \ucf58\ud150\uce20<\/li>\n<li>\ud06c\ub9ac\uc5d0\uc774\ud130 \ucc44\ub110 \ucf58\ud150\uce20<\/li>\n<li>\uc20f\ud3fc \ucf58\ud150\uce20 \uae30\ud68d \ubc0f \uc81c\uc791<\/li>\n<\/ul>\n<\/div>\n<\/div><!--sec-in-->\n<\/div >\n<div class=\"section\">\n<div class=\"sec-in\">\n<div class=\"secImg\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/02\/busi_img01.png\" alt=\"\"><\/div>\n<div class=\"sec4-ti\"><p>\ub9c8\ucf00\ud305 \uc194\ub8e8\uc158<\/p><\/div>\n<p class=\"cate\" data-font=\"Montserrat\">Marketing Solutions<\/p>\n<div class=\"hov-text\">\n<p>\ub9c8\ucf00\ud305 \uc194\ub8e8\uc158<br>(Marketing Solutions)<\/p>\n<ul class=\"two\">\n<li>\ucf58\ud150\uce20 \uc81c\uc791 \ubc0f \uacf5\uae09, \uad11\uace0 \uc6b4\uc601<\/li>\n<li>\ube0c\ub79c\ub514\ub4dc \ucf58\ud150\uce20\/PPL<\/li>\n<li>\uc20f\ud3fc \ub9c8\ucf00\ud305 \uc194\ub8e8\uc158<\/li>\n<li>\ub77c\uc774\ube0c\ucee4\uba38\uc2a4 \ud1b5\ud569 \uc194\ub8e8\uc158<\/li>\n<\/ul>\n<\/div>\n<\/div><!--sec-in-->\n<\/div>\n<div class=\"section\">\n<div class=\"sec-in\">\n<div class=\"secImg\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/12\/1121232.png\" alt=\"\"><\/div>\n<div class=\"sec4-ti\"><p>\ucf5c\ub77c\ubcf4\ub808\uc774\uc158<\/p><\/div>\n<p class=\"cate\" data-font=\"Montserrat\">Collaboration<\/p>\n<div class=\"hov-text\">\n<p>\ucf5c\ub77c\ubcf4\ub808\uc774\uc158<br>(Collaboration)<\/p>\n<ul class=\"two\">\n<li>\ube0c\ub79c\ub4dc \ucf5c\ub77c\ubcf4\ub808\uc774\uc158<\/li>\n<li>\ud06c\ub8e8\uc5d0\uc774\ud130 \ucf5c\ub77c\ubcf4\ub808\uc774\uc158<\/li>\n<\/ul>\n<\/div>\n<\/div><!--sec-in-->\n<\/div><!--section-->\n<\/div>\n<\/div><!--sec4-->\n\n<\/div><!--busiWrap-->\n\n\n\n<script>\n   AOS.init();\n\n$(document).ready(function() {\n    var $bgBox = $(\".bgBox\");\n\n    \/\/ 0.3\ucd08 \ud6c4 bgBox\uac00 \uc704\ub85c \uc62c\ub77c\uc634\n    setTimeout(function() {\n        $bgBox.addClass(\"active\");\n    }, 300);\n\n    \/\/ 2\ucd08 \ud6c4 bgBox\uac00 \ud655\ub300\ub428\n    setTimeout(function() {\n        $bgBox.addClass(\"expand\");\n    }, 2000);\n\n    \/\/ 3.5\ucd08 \ud6c4 (\ud655\ub300 \uc644\ub8cc \ud6c4 1.5\ucd08 \ucd94\uac00 \ub300\uae30) \ub0b4\ubd80 \ud14d\uc2a4\ud2b8 \ud45c\uc2dc\n    setTimeout(function() {\n        $bgBox.addClass(\"show-content\");\n    }, 3500);\n});\n\n$(function () {\n    var controller = new ScrollMagic.Controller();\n\n    \/\/ \ud83d\udd39 \ud604\uc7ac \ud654\uba74 \ub108\ube44 \ud655\uc778\n    if (window.innerWidth > 768) { \/\/ 768px \uc774\uc0c1\uc5d0\uc11c\ub9cc \uc2e4\ud589\n        var horizontalSlide = new TimelineMax()\n            .to(\"#js-slideContainer\", 1, {x: \"-20%\"}) \n            .to(\"#js-slideContainer\", 1, {x: \"-30%\"})\n            .to(\"#js-slideContainer\", 1, {x: \"-40%\"})\n            .to(\"#js-slideContainer\", 1, {x: \"-50%\"});\n\n        new ScrollMagic.Scene({\n            triggerElement: \"#js-wrapper\",\n            triggerHook: \"onLeave\",\n            duration: \"340%\"\n        })\n        .setPin(\"#js-wrapper\")\n        .setTween(horizontalSlide)\n        .addTo(controller);\n    }\n});\n\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n    \/\/ \uc635\uc158 \uc124\uc815: \ud654\uba74 \uc911\uc559(50%)\uc5d0 \ub3c4\ub2ec\ud558\uba74 \ud2b8\ub9ac\uac70\n    const options = {\n        root: null, \/\/ \ubdf0\ud3ec\ud2b8 \uae30\uc900\n        rootMargin: \"0px\",\n        threshold: 0.5 \/\/ 50% \uc774\uc0c1 \ubcf4\uc5ec\uc57c active \ucd94\uac00\n    };\n\n    const observer = new IntersectionObserver((entries) => {\n        entries.forEach((entry) => {\n            if (entry.isIntersecting) {\n                entry.target.classList.add(\"active\"); \/\/ \ud654\uba74\uc5d0 \ubcf4\uc774\uba74 active \ucd94\uac00\n            } else {\n                entry.target.classList.remove(\"active\"); \/\/ \ud654\uba74\uc5d0\uc11c \uc0ac\ub77c\uc9c0\uba74 active \uc81c\uac70\n            }\n        });\n    }, options);\n\n    \/\/ \ubaa8\ub4e0 section \uc694\uc18c\ub97c \uad00\ucc30\n    const sections = document.querySelectorAll(\".section\");\n    sections.forEach((section) => {\n        observer.observe(section);\n    });\n});\n\n<\/script>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>WE CREATE BETTER TOGETHER MCDS\uc5d4\ud130\ud14c\uc778\uba3c\ud2b8\ub294 \ud06c\ub9ac\uc5d0\uc774\ud130\uc758 \uc0c1\uc0c1\ub825\uacfc \uac1c\uc131\uc744 \uac00\uc7a5 \uba3c\uc800 \uc801\uadf9 \uc874\uc911\ud558\uba70 \ud56d\uc0c1 BJ \ud06c\ub9ac\uc5d0\uc774\ud130 \ud55c \ubd84 \ud55c \ubd84\uc744 \uc704\ud55c \ud68c\uc758\ub97c \ud1b5\ud574 \ucf58\ud150\uce20\uac00 \ub354\uc6b1 \ud5a5\uc0c1\ub420 \uc218 \uc788\uac8c \ub9e4\uc77c\uac19\uc774 \ud68c\uc758\uc640 \uae30\ud68d\uc740 \ubb3c\ub860 , \uc20f\ud3fc \ub4f1 \uc0ac\uc5c5\ubd84\uc57c\ub97c \ub113\ud600\ub098\uac00\uba70 \uc218\uc900 \ub192\uc740 \ud55c\ub958 \ucf58\ud150\uce20\ub97c &hellip; <a href=\"https:\/\/mcdsent.com\/?page_id=11\">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-11","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mcdsent.com\/index.php?rest_route=\/wp\/v2\/pages\/11","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mcdsent.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mcdsent.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mcdsent.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mcdsent.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=11"}],"version-history":[{"count":322,"href":"https:\/\/mcdsent.com\/index.php?rest_route=\/wp\/v2\/pages\/11\/revisions"}],"predecessor-version":[{"id":1251,"href":"https:\/\/mcdsent.com\/index.php?rest_route=\/wp\/v2\/pages\/11\/revisions\/1251"}],"wp:attachment":[{"href":"https:\/\/mcdsent.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=11"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}