{"id":15,"date":"2025-02-07T08:13:21","date_gmt":"2025-02-07T08:13:21","guid":{"rendered":"https:\/\/chltkdgus15.mycafe24.com\/?page_id=15"},"modified":"2025-02-17T13:31:53","modified_gmt":"2025-02-17T04:31:53","slug":"about","status":"publish","type":"page","link":"https:\/\/mcdsent.com\/?page_id=15","title":{"rendered":"ABOUT"},"content":{"rendered":"\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<script>\n  AOS.init();\n<\/script>\n\n\n\n<style>\n.headerclass {    background: #fff;}\n.sf-menu > li > a > span {color:#222;}\n#thelogo img {\n\/* background: url(\/wp-content\/uploads\/2025\/02\/logo.png) no-repeat 50% 50%; background-size: cover; *\/}\n\n.sec1 {  position: relative; overflow: hidden;}\n.txt-wrap {text-align: center;padding: 100px 0 150px;width: 90%;margin: 0 auto;}\n.txt-wrap h4 {font-family: 'Paperlogy-7Bold'; margin-bottom: 20px;}\n.txt-wrap h2 {}\n\n.img-wrap {height: 100vh; position: relative;   transition: transform 0.8s ease-in-out;\n  display: flex;\n  justify-content: center;\n  align-items: center; }\n.img-wrap img {  width: 75%;height: 100%;object-fit: cover;transition: width 1s ease-in-out; display: block;}\n.img-wrap .txt {    position: absolute; width:100%;\n    top: 50%;\n    left: 50%;\n    z-index: 100;\n    transform: translate(-50%, -50%);\n    text-align: center;transition: opacity 0.8s ease-in-out;}\n.img-wrap .txt-old {opacity: 1;}\n.img-wrap .txt-old h2 {color:#fff;line-height: 1.5em;font-size: 60px;font-family: 'Noto Sans KR';font-weight: 700;letter-spacing: 15px;}\n.img-wrap .txt-new {opacity: 0;}\n.img-wrap .txt-new h1 {color:#fff;font-size: 80px;}\n\n\n.sec2 {\n    padding: 200px 0 220px;\n    background-color: #111;\n    margin-top: -1px;\n}\n.sec2 .inner {max-width:1280px; width:90%; margin:0 auto;}\n.sec2 ul li {\n    max-width: 1170px;\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n}\n.sec2 ul li:last-child {\n    margin-bottom: 0;\n}\n.sec2 ul li:nth-child(2n-1) {\n    margin: 0 auto 180px 0;\n}\n.sec2 ul li:nth-child(2n-1):last-child {\n    margin-bottom: 0;\n}\n.sec2 ul li:nth-child(2n) {\n    flex-direction: row-reverse;\n    padding-left: 15px;\n    margin: 0 0 180px auto;\n}\n.sec2 ul li .img_box, .sec2 ul li .txt {width:50%;}\n.sec2 ul li img {\n    width: fit-content;\n}\n.sec2 ul li .txt {\n    color: #fff;\n}\n.sec2 ul li:nth-child(2n-1) .txt {\n    padding-left: 110px;\n}\n.sec2 ul li:nth-child(2n) .txt {\n    padding-right: 100px;\n}\n.sec2 ul li .txt span {display: block; font-size:18px !important;color: #ef4023;}\n.sec2 ul li .txt h3 {margin: 10px 0 28px; color:#fff;font-weight:600;}\n.sec2 ul li .txt p {color:#999; font-weight:400; line-height: 1.6em;font-size:18px !important;}\n\n.sec3 {display: flex;height: 100vh;}\n.sec3 .item {width: 50%;}\n.sec3 .item.left > div {display: flex;flex-direction: column;justify-content: center;align-items: center;    text-align: center; width: 90%;height: 100%;margin: 0 auto;}\n.sec3 .item.left h4 {font-family: 'Paperlogy-7Bold';color:#000;}\n.sec3 .item.left h6 {line-height: 1.5em;color: #777;font-weight: 400;}\n.sec3 .item.right {}\n.sec3 .item.right img {width: 100%;height: 100%;object-fit: cover;}\n\n<\/style>\n\n\n\n<style>\n@media (max-width:1440px) {\n.txt-wrap {padding: 150px 0 100px;}\n}\n@media (max-width:1200px) {\n.img-wrap .txt-new h1 {    font-size: 60px !important;}\nh2 { font-size: 40px !important;}\n}\n\n@media (max-width:768px) {\n.img-wrap .txt-new h1 {    font-size: 50px !important;}\n.txt-wrap h4 {    font-size: 18px !important;margin-bottom: 0px !important;}\n.sec3 {flex-direction: column;    height: fit-content;}\n.sec3 .item {width: 100%;}\n.sec3 .item.left {    padding: 150px 0;}\n.sec2 ul li:nth-child(2n-1) .txt {padding-left: 30px;}\n.sec2 ul li:nth-child(2n) .txt {padding-right: 30px;}\n}\n@media (max-width:500px) {\n.img-wrap .txt-new h1 {font-size: 36px !important;\n        line-height: 1.5em;\n        width: 90%;\n        margin: 0 auto;}\nh2 { font-size: 32px !important;}\n.sec2 {padding: 120px 0 120px;}\n.sec2 ul li {flex-direction: column;}\n.sec2 ul li:nth-child(2n) {padding-left:0;}\n.sec2 ul li .img_box, .sec2 ul li .txt {width:100%;}\n.sec2 ul li .txt {padding:0 !important; width:90%; margin:0 auto;} \n.sec2 ul li img {width: 90%;margin: 0 auto 50px;}\n.sec2 ul li .txt p {font-size:14px !important;}\n.sec3 .item.left {padding:100px 0;}\n}\n<\/style>\n\n\n\n<div class=\"section sec1\">\n\n<div class=\"txt-wrap\">\n<h4>ABOUT MCDS<\/h4>\n<h2>MAKE THE WORLD MORE FUN<\/h2>\n<\/div>\n\n<div class=\"img-wrap\">\n<img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/02\/about_main.png\" alt=\"company\">\n<div class=\"txt txt-old\"><h2>\uc0c8\ub85c\uc6b4<br>\ud750\ub984\uc774<br>\ub418\uc5b4\ub77c<\/h2><\/div>\n<div class=\"txt txt-new\"><h1>VIBE THE NEW FLOW<\/h1><\/div>\n<\/div>\n\n<\/div>\n\n\n\n<div class=\"section sec2\">\n    <ul class=\"inner\">\n        <li data-aos-delay=\"900\" data-aos=\"fade-up\">\n            <div class=\"img_box\">\n                <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/02\/about_01.png\">\n            <\/div>\n            <div class=\"txt\">\n                <span>\ucd5c\uace0\uc758 Contents \ucc3d\ucd9c<\/span>\n                <h3 class=\"f40\">\uc2e0\uc778\uac1c\ubc1c\ud300\u200b<\/h3>\n                <p>MCDS Entertainment \uc2e0\uc778\uac1c\ubc1c\ud300\uc740\n\uce90\uc2a4\ud305 \uacfc \ub3d9\uc2dc\uc5d0 \uc2e0\uc778\uc744 \ubc1c\uad74\ud558\uba70\n\uad11\uace0, \ucf58\ud150\uce20 \uae30\ud68d, \uac1c\ubc1c, \uc5f0\uad6c, \ucee8\uc124\ud305 \uc5ed\ud560\uc744 \n\uc218\ud589\ud558\uba70 \ud2b8\ub80c\ub4dc\ub97c \uc120\ub3c4\ud558\ub294 \ud300\uc785\ub2c8\ub2e4.<\/p>\n            <\/div>\n        <\/li>\n        <li data-aos-delay=\"900\" data-aos=\"fade-up\">\n            <div class=\"img_box\">\n                <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/02\/about_02.png\">\n            <\/div>\n            <div class=\"txt\">\n                <span>\ub2e4\uac01\ud654\ub41c SUPPORT\uc9c0\uc6d0\u200b<\/span>\n                <h3 class=\"f40\">\ub514\ub809\ud130\ud300<\/h3>\n                <p>\ud65c\ub3d9\uc911\uc778 \ud06c\ub9ac\uc5d0\uc774\ud130\ub97c \n\uc5f0\ucd9c, \uae30\ud68d, \uae30\uc220,\ub514\ub809\ud305, \ubaa8\ub2c8\ud130\ub9c1 \ub4f1 \uc744 \n\ud1b5\ud574 \ud65c\ub3d9\uc911\uc778 \ucee8\ud150\uce20\uc5d0 \ub9de\ucda4\uc73c\ub85c \n\ubc29\ud5a5\uc131\uacfc \ub514\uc9c0\ud138 \ud658\uacbd\uc5d0 \ub9de\ucd98 \uc6b4\uc601\uc744 \ub2f4\ub2f9\ud569\ub2c8\ub2e4.<\/p>\n            <\/div>\n        <\/li>\n        <li data-aos-delay=\"900\" data-aos=\"fade-up\">\n            <div class=\"img_box\">\n                <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/02\/about_03.png\">\n            <\/div>\n            <div class=\"txt\">\n                <span>\uc138\uacc4\ub97c \ubb34\ub300\ub85c<\/span>\n                <h3 class=\"f40\">\uae00\ub85c\ubc8c\uc2dc\uc7a5 \ud655\ub300\u200b<\/h3>\n                <p>MCDS Entertainment\ub294 \uc911\uad6d, \uc77c\ubcf8, \ubbf8\uad6d \ub4f1 \uc138\uacc4 \uc8fc\uc694 \uac70\uc810\uc5d0 \uc624\ud53c\uc2a4\ub97c \ub450\uc5b4 \ud50c\ub7ab\ud3fc \uae00\ub85c\ubc8c \uc2dc\uc7a5\uc744 \ud0c0\uac9f\uc73c\ub85c \uae00\ub85c\ubc8c \uc720\uc218 \uae30\uc5c5\ub4e4\uacfc \ud569\uc791 \ubc0f \ud611\uc5c5\uc744 \ud1b5\ud574 \ud604\uc9c0\uc5d0\uc11c\uc758 \uc0ac\uc5c5\uc744 \ud655\uc7a5\ud558\uace0 \uc788\uc2b5\ub2c8\ub2e4.\n                <\/p>\n            <\/div>\n        <\/li>\n    <\/ul>\n<\/div>\n\n\n\n<div class=\"section sec3\">\n\n<div class=\"item left\">\n<div>\n<h4>LOCATION<\/h4>\n<h6>\uc11c\uc6b8\ud2b9\ubcc4\uc2dc \uac15\ub0a8\uad6c \ub17c\ud604\ub85c175-8 B1\uce35<br>\nMCDS Entertainment 7, B1 Floor, 175-8 Nonhyeon-ro, Gangnam-gu, Seoul, South Korea<\/h6>\n<\/div>\n<\/div>\n\n<div class=\"item right\">\n<img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/02\/company-scaled-1.jpg\" alt=\"company\">\n<\/div>\n\n<\/div>\n\n\n\n<script>\n\/\/ \uc2a4\ud06c\ub864\uc2dc \ud5e4\ub354 \uc228\uae40 \n\/\/ \uc694\uc18c \uc120\ud0dd\nconst header = document.querySelector(\"header\"); \/\/ \ud5e4\ub354 \uc694\uc18c \uc120\ud0dd\nlet lastScroll = 0; \/\/ \ub9c8\uc9c0\ub9c9 \uc2a4\ud06c\ub864 \uc704\uce58 \uc800\uc7a5 \ubcc0\uc218\n\nwindow.addEventListener(\"scroll\", () => {\n  \/\/ \ud604\uc7ac \uc2a4\ud06c\ub864 \uc704\uce58\n  const currentScroll = window.pageYOffset;\n\n  if (currentScroll > lastScroll) {\n    \/\/ \uc2a4\ud06c\ub864 \ub0b4\ub9b4 \ub54c \ud5e4\ub354 \uc228\uae40\n    header.style.top = \"-125px\";\n    header.style.transition = \"0.4s\";\n  } else {\n    \/\/ \uc2a4\ud06c\ub864 \uc62c\ub9b4 \ub54c \ud5e4\ub354 \ud45c\uc2dc\n    header.style.top = \"0\";\n    header.style.transition = \"0.4s\";\n  }\n\n  \/\/ \ub9c8\uc9c0\ub9c9 \uc2a4\ud06c\ub864 \uc704\uce58 \uac31\uc2e0\n  lastScroll = currentScroll;\n});\n\n\ndocument.addEventListener(\"DOMContentLoaded\", () => {\n    const sec1 = document.querySelector(\".sec1\");\n    const imgWrap = document.querySelector(\".img-wrap\");\n    const img = document.querySelector(\".img-wrap img\");\n    const txtOld = document.querySelector(\".img-wrap .txt-old\");\n    const txtNew = document.querySelector(\".img-wrap .txt-new\");\n\n    let isPaused = false;\n    let lastScrollY = window.scrollY;\n    \n    window.addEventListener(\"scroll\", () => {\n        const sec1Rect = sec1.getBoundingClientRect();\n        const start = window.innerHeight * 0.1; \/\/ \uc560\ub2c8\uba54\uc774\uc158 \uc2dc\uc791 \uc9c0\uc810\n        const end = window.innerHeight * 0.6;   \/\/ \uc560\ub2c8\uba54\uc774\uc158 \ub05d\ub098\ub294 \uc9c0\uc810\n        const scrollProgress = Math.min(1, Math.max(0, (start - sec1Rect.top) \/ (end - start)));\n\n        \/\/ \uc774\ubbf8\uc9c0 \ud655\ub300 \ud6a8\uacfc\n        if (scrollProgress > 0) {\n            img.style.width = `${75 + (25 * scrollProgress)}%`;\n        }\n\n        \/\/ \ud14d\uc2a4\ud2b8 \ud398\uc774\ub4dc \ud6a8\uacfc\n        if (scrollProgress > 0.4) {\n            txtOld.style.opacity = Math.max(0, 1 - ((scrollProgress - 0.4) * 5));\n            txtNew.style.opacity = Math.min(1, (scrollProgress - 0.6) * 5);\n        }\n\n        \/\/ \uc2a4\ud06c\ub864 \uba48\ucda4 \uae30\ub2a5\n        if (scrollProgress >= 1) {\n            if (!isPaused) {\n                isPaused = true;\n                lastScrollY = window.scrollY;\n                document.body.style.overflow = \"hidden\"; \/\/ \uc2a4\ud06c\ub864 \uba48\ucd94\uae30\n                setTimeout(() => {\n                    document.body.style.overflow = \"\"; \/\/ \ub2e4\uc2dc \uc2a4\ud06c\ub864 \ud65c\uc131\ud654\n                    isPaused = false;\n                }, 1200); \/\/ 1.2\ucd08 \ud6c4 \ub2e4\uc2dc \uc2a4\ud06c\ub864 \uac00\ub2a5\n            }\n        }\n    });\n});\n\n\n\n  \/\/ \uc2a4\ud06c\ub864\uc2dc \ud5e4\ub354 \uc0c9\uc0c1 \ubcc0\uacbd\n $(document).ready(function(){\n  if ($(window).width() >= 768) {\n        $('#thelogo .kad-standard-logo').attr('src', '\/wp-content\/uploads\/2025\/02\/logo.png');\n    }\n $(window).scroll(function() {\n  var scrollPosition = $(this).scrollTop();\/\/ \uc2a4\ud06c\ub864 \uc704\uce58\uac00 100\ubcf4\ub2e4 \ud06c\uba74 \ud5e4\ub354\uc758 \ubc30\uacbd\uc0c9\uacfc \uae00\uc790\uc0c9 \ubcc0\uacbd\n   if (scrollPosition > 10) {\n    $('header.headerclass').css({'background': '#fff' });\n    $('header.headerclass').css({'box-shadow': '0 0 0 0 rgb(0,0,0,0)'  });\n    $('.sf-menu > li > a > span').css({'color': '#222'});\n    $('#thelogo .kad-standard-logo').attr('src', '\/wp-content\/uploads\/2025\/02\/logo.png');\n       } else { \/\/ \uc2a4\ud06c\ub864 \uc704\uce58\uac00 100\ubcf4\ub2e4 \uc791\uc73c\uba74 \ud5e4\ub354\uc758 \ubc30\uacbd\uc0c9\uacfc \uae00\uc790\uc0c9 \uc6d0\ub798\ub300\ub85c \ubcc0\uacbd\n        $('header.headerclass').css({'background': 'transparent' });\n        $('header.headerclass').css({'box-shadow': '0 0 0 0 rgb(0,0,0,0)' });\n        $('.sf-menu > li > a > span').css({'color': '#222'});\n    $('#thelogo .kad-standard-logo').attr('src', '\/wp-content\/uploads\/2025\/02\/logo.png');\n        }\n    });\n });\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>ABOUT MCDS MAKE THE WORLD MORE FUN \uc0c8\ub85c\uc6b4\ud750\ub984\uc774\ub418\uc5b4\ub77c VIBE THE NEW FLOW \ucd5c\uace0\uc758 Contents \ucc3d\ucd9c \uc2e0\uc778\uac1c\ubc1c\ud300\u200b MCDS Entertainment \uc2e0\uc778\uac1c\ubc1c\ud300\uc740 \uce90\uc2a4\ud305 \uacfc \ub3d9\uc2dc\uc5d0 \uc2e0\uc778\uc744 \ubc1c\uad74\ud558\uba70 \uad11\uace0, \ucf58\ud150\uce20 \uae30\ud68d, \uac1c\ubc1c, \uc5f0\uad6c, \ucee8\uc124\ud305 \uc5ed\ud560\uc744 \uc218\ud589\ud558\uba70 \ud2b8\ub80c\ub4dc\ub97c \uc120\ub3c4\ud558\ub294 \ud300\uc785\ub2c8\ub2e4. \ub2e4\uac01\ud654\ub41c SUPPORT\uc9c0\uc6d0\u200b \ub514\ub809\ud130\ud300 \ud65c\ub3d9\uc911\uc778 \ud06c\ub9ac\uc5d0\uc774\ud130\ub97c &hellip; <a href=\"https:\/\/mcdsent.com\/?page_id=15\">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-15","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mcdsent.com\/index.php?rest_route=\/wp\/v2\/pages\/15","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=15"}],"version-history":[{"count":67,"href":"https:\/\/mcdsent.com\/index.php?rest_route=\/wp\/v2\/pages\/15\/revisions"}],"predecessor-version":[{"id":1118,"href":"https:\/\/mcdsent.com\/index.php?rest_route=\/wp\/v2\/pages\/15\/revisions\/1118"}],"wp:attachment":[{"href":"https:\/\/mcdsent.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=15"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}