엠엠엠 디자인 스튜디오

<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:media="http://search.yahoo.com/mrss/"
	
	>

<channel>
	<title>엠엠엠 디자인 스튜디오</title>
	<link>https://mmmstudio.kr</link>
	<description>엠엠엠 디자인 스튜디오</description>
	<pubDate>Tue, 08 Sep 2026 08:37:17 +0000</pubDate>
	<generator>https://mmmstudio.kr</generator>
	<language>en</language>
	
		
	<item>
		<title>메인페이지</title>
				
		<link>https://mmmstudio.kr/37681440</link>

		<pubDate>Wed, 09 Jul 2025 07:33:32 +0000</pubDate>

		<dc:creator>엠엠엠 디자인 스튜디오</dc:creator>

		<guid isPermaLink="true">https://mmmstudio.kr/37681440</guid>

		<description>
	

MMM


PROJECT


RUN

	.

	
&#60;img width="7016" height="4447" width_o="7016" height_o="4447" data-src="https://freight.cargo.site/t/original/i/6eb840fe84e6c1a8d2266e21e061f7c26af3620dff4c57aba140d9984222bb58/Aerial_1.jpg" data-mid="251936903" border="0"  src="https://freight.cargo.site/w/1000/i/6eb840fe84e6c1a8d2266e21e061f7c26af3620dff4c57aba140d9984222bb58/Aerial_1.jpg" /&#62;
&#60;img width="1309" height="836" width_o="1309" height_o="836" data-src="https://freight.cargo.site/t/original/i/585ca6e6836b3103be89098faf6c1513172cd22b2e008a4f90f544f6c8f6e254/--2.jpg" data-mid="251937028" border="0"  src="https://freight.cargo.site/w/1000/i/585ca6e6836b3103be89098faf6c1513172cd22b2e008a4f90f544f6c8f6e254/--2.jpg" /&#62;

</description>
		
	</item>
		
		
	<item>
		<title>PROJECTS</title>
				
		<link>https://mmmstudio.kr/PROJECTS</link>

		<pubDate>Wed, 09 Jul 2025 09:03:22 +0000</pubDate>

		<dc:creator>엠엠엠 디자인 스튜디오</dc:creator>

		<guid isPermaLink="true">https://mmmstudio.kr/PROJECTS</guid>

		<description>

MMM


PROJECT


RUN</description>
		
	</item>
		
		
	<item>
		<title>ABOUT</title>
				
		<link>https://mmmstudio.kr/ABOUT</link>

		<pubDate>Thu, 31 Mar 2022 14:01:38 +0000</pubDate>

		<dc:creator>엠엠엠 디자인 스튜디오</dc:creator>

		<guid isPermaLink="true">https://mmmstudio.kr/ABOUT</guid>

		<description>
	.


MMM


PROJECT

	
RUN


	.
	

      2022년에 시작한 엠엠엠은 사람과 공간,
        
        사람과 사람을 잇는 디자인을 추구하며,
        
        사유하고 구현하는 일련의 과정을 탐닉하는 디자인 집단을 지향합니다.
&#38;nbsp;&#38;nbsp;

	
&#60;img width="2093" height="1179" width_o="2093" height_o="1179" data-src="https://freight.cargo.site/t/original/i/1e101823206d8c48c6a8c21f5cfc3b7a982f63704126e72007a7df1dc637a111/KakaoTalk_20241016_142628226_02.jpg" data-mid="251912650" border="0"  src="https://freight.cargo.site/w/1000/i/1e101823206d8c48c6a8c21f5cfc3b7a982f63704126e72007a7df1dc637a111/KakaoTalk_20241016_142628226_02.jpg" /&#62;
&#60;img width="4032" height="3024" width_o="4032" height_o="3024" data-src="https://freight.cargo.site/t/original/i/81b43973808c8f603529cd9ab48cd599751646969595d89606503496af047481/IMG_1892.JPG" data-mid="251910814" border="0"  src="https://freight.cargo.site/w/1000/i/81b43973808c8f603529cd9ab48cd599751646969595d89606503496af047481/IMG_1892.JPG" /&#62;
&#60;img width="9921" height="7016" width_o="9921" height_o="7016" data-src="https://freight.cargo.site/t/original/i/432b204e7f4b4a65ea216f7822cb2044eb228761f71e98408072950ecbd2babb/SCAN_20230615_094552478_20230615_094906_003.jpg" data-mid="251906592" border="0"  src="https://freight.cargo.site/w/1000/i/432b204e7f4b4a65ea216f7822cb2044eb228761f71e98408072950ecbd2babb/SCAN_20230615_094552478_20230615_094906_003.jpg" /&#62;
&#60;img width="8160" height="4592" width_o="8160" height_o="4592" data-src="https://freight.cargo.site/t/original/i/58e1073c8ac7d0e329f259dd1ce14539615e96139f8eaee116dc05fefd330e6c/20250228_180503.jpg" data-mid="251906468" border="0"  src="https://freight.cargo.site/w/1000/i/58e1073c8ac7d0e329f259dd1ce14539615e96139f8eaee116dc05fefd330e6c/20250228_180503.jpg" /&#62;
&#60;img width="7356" height="4592" width_o="7356" height_o="4592" data-src="https://freight.cargo.site/t/original/i/f81953f9728a07c410b59ebf976d79766cc238fd816618489426c42b9bf969c7/20250708_164519.jpg" data-mid="251907490" border="0"  src="https://freight.cargo.site/w/1000/i/f81953f9728a07c410b59ebf976d79766cc238fd816618489426c42b9bf969c7/20250708_164519.jpg" /&#62;
&#60;img width="4032" height="3024" width_o="4032" height_o="3024" data-src="https://freight.cargo.site/t/original/i/a2067afc94f877642b1fe5b0d266c3a0dae6d2f99f0d075d859e6ca900f7c5c0/IMG_6858.JPG" data-mid="251912849" border="0"  src="https://freight.cargo.site/w/1000/i/a2067afc94f877642b1fe5b0d266c3a0dae6d2f99f0d075d859e6ca900f7c5c0/IMG_6858.JPG" /&#62;
&#60;img width="4032" height="3024" width_o="4032" height_o="3024" data-src="https://freight.cargo.site/t/original/i/fceca853a05bf56f6c3c17b42cf18e939438b733a3856dc6f9cebdf197a3be66/IMG_6001.JPG" data-mid="251912826" border="0"  src="https://freight.cargo.site/w/1000/i/fceca853a05bf56f6c3c17b42cf18e939438b733a3856dc6f9cebdf197a3be66/IMG_6001.JPG" /&#62;
&#60;img width="9838" height="6951" width_o="9838" height_o="6951" data-src="https://freight.cargo.site/t/original/i/8c76ad5173139b7dd22c6b8815105e9ed61406e5842b94147de006d3bd07efd1/SCAN_20221223_2.jpg" data-mid="251906756" border="0"  src="https://freight.cargo.site/w/1000/i/8c76ad5173139b7dd22c6b8815105e9ed61406e5842b94147de006d3bd07efd1/SCAN_20221223_2.jpg" /&#62;
&#60;img width="8160" height="4592" width_o="8160" height_o="4592" data-src="https://freight.cargo.site/t/original/i/a98265763e73f37076220845d8f83cc52a3f58d60dd612bb4343224b87d4089f/20251001_144316.jpg" data-mid="251908373" border="0"  src="https://freight.cargo.site/w/1000/i/a98265763e73f37076220845d8f83cc52a3f58d60dd612bb4343224b87d4089f/20251001_144316.jpg" /&#62;
&#60;img width="8160" height="4592" width_o="8160" height_o="4592" data-src="https://freight.cargo.site/t/original/i/e771444c865bb608b4c4eb3dee95c6919b75a580444aeed007980e6c08fa9915/20250926_184959.jpg" data-mid="251908238" border="0"  src="https://freight.cargo.site/w/1000/i/e771444c865bb608b4c4eb3dee95c6919b75a580444aeed007980e6c08fa9915/20250926_184959.jpg" /&#62;
&#60;img width="1806" height="1174" width_o="1806" height_o="1174" data-src="https://freight.cargo.site/t/original/i/cbd214a0f0e524b58e83abe138948d95c309383b4d777d58071032946b2ee9e4/-2026-09-08-010943.png" data-mid="251913301" border="0"  src="https://freight.cargo.site/w/1000/i/cbd214a0f0e524b58e83abe138948d95c309383b4d777d58071032946b2ee9e4/-2026-09-08-010943.png" /&#62;
&#60;img width="4193" height="2831" width_o="4193" height_o="2831" data-src="https://freight.cargo.site/t/original/i/ba40189515fc6fb281e6e15d45514cf4a203ac55e7a869acd824034fa6789af8/KakaoTalk_20220905_085456895_08.jpg" data-mid="251936907" border="0"  src="https://freight.cargo.site/w/1000/i/ba40189515fc6fb281e6e15d45514cf4a203ac55e7a869acd824034fa6789af8/KakaoTalk_20220905_085456895_08.jpg" /&#62;
&#60;img width="4000" height="2252" width_o="4000" height_o="2252" data-src="https://freight.cargo.site/t/original/i/c98540f14fd6051e7155a2c9ed2b56f6f773172d52d4843e262ff107d8ac6cdc/20260128_114625.jpg" data-mid="251936899" border="0"  src="https://freight.cargo.site/w/1000/i/c98540f14fd6051e7155a2c9ed2b56f6f773172d52d4843e262ff107d8ac6cdc/20260128_114625.jpg" /&#62;
&#60;img width="1895" height="1171" width_o="1895" height_o="1171" data-src="https://freight.cargo.site/t/original/i/966db9a2e0357f21cc6b94ef104ec2baf2005c12ee2d937a712d6b59b3bcc34b/152.JPG" data-mid="251936909" border="0"  src="https://freight.cargo.site/w/1000/i/966db9a2e0357f21cc6b94ef104ec2baf2005c12ee2d937a712d6b59b3bcc34b/152.JPG" /&#62;
&#60;img width="8858" height="3035" width_o="8858" height_o="3035" data-src="https://freight.cargo.site/t/original/i/2d8d17ef3b6f852f4d624ed21991e39fb842f72cc53af0385b2eb6c63582b553/230314-SD.jpg" data-mid="251936898" border="0"  src="https://freight.cargo.site/w/1000/i/2d8d17ef3b6f852f4d624ed21991e39fb842f72cc53af0385b2eb6c63582b553/230314-SD.jpg" /&#62;
&#60;img width="941" height="763" width_o="941" height_o="763" data-src="https://freight.cargo.site/t/original/i/00d3ea0f6675faa02eb451a0bf2288b7c515cc3c6612465f649ba5d6beef1d61/21.jpg" data-mid="251927684" border="0"  src="https://freight.cargo.site/w/941/i/00d3ea0f6675faa02eb451a0bf2288b7c515cc3c6612465f649ba5d6beef1d61/21.jpg" /&#62;

	
&#60;img width="1127" height="1084" width_o="1127" height_o="1084" data-src="https://freight.cargo.site/t/original/i/471dc89a9dad22883d74beabf5c6d56633329fa6326154337534a4a942097dc9/.JPG" data-mid="242067496" border="0" data-scale="72" src="https://freight.cargo.site/w/1000/i/471dc89a9dad22883d74beabf5c6d56633329fa6326154337534a4a942097dc9/.JPG" /&#62;


(function(){
  function ready(fn){
    if (document.readyState === 'loading') {
      document.addEventListener('DOMContentLoaded', fn);
    } else {
      fn();
    }
  }

  ready(function(){
    const runBtn   = document.getElementById('runGameBtn');
    const overlay  = document.getElementById('runOverlay');
    const closeBtn = document.getElementById('runCloseBtn');
    const saveBtn  = document.getElementById('runSaveBtn');
    const nameIn   = document.getElementById('runUserName');
    const scoreIn  = document.getElementById('runUserScore');
    const list     = document.getElementById('runScoreList');

    if (!runBtn &#124;&#124; !overlay &#124;&#124; !closeBtn &#124;&#124; !saveBtn &#124;&#124; !nameIn &#124;&#124; !scoreIn &#124;&#124; !list) return;

    function renderScores(){
      const recs = JSON.parse(localStorage.getItem('runGameRecords') &#124;&#124; '[]')
        .sort((a,b)=&#62;b.score-a.score)
        .slice(0,10);

      list.innerHTML = recs
        .map(r =&#62; `${r.name}: ${r.score}점`)
        .join('');
    }

    runBtn.addEventListener('click', function(e){
      e.preventDefault();
      overlay.classList.add('show');
      renderScores();
    });

    saveBtn.addEventListener('click', function(){
      const name = nameIn.value.trim();
      const score = parseInt(scoreIn.value, 10);
      if (!name &#124;&#124; isNaN(score)) {
        alert('이름과 점수를 입력해주세요');
        return;
      }
      const recs = JSON.parse(localStorage.getItem('runGameRecords') &#124;&#124; '[]');
      recs.push({ name, score, date: new Date().toLocaleDateString() });
      localStorage.setItem('runGameRecords', JSON.stringify(recs));
      nameIn.value = '';
      scoreIn.value = '';
      renderScores();
    });

    function close(){
      overlay.classList.remove('show');
    }
    closeBtn.addEventListener('click', close);
    overlay.addEventListener('click', function(e){
      if (e.target === overlay) close();
    });
  });
})();


</description>
		
	</item>
		
		
	<item>
		<title>RUN</title>
				
		<link>https://mmmstudio.kr/RUN</link>

		<pubDate>Tue, 08 Sep 2026 07:16:05 +0000</pubDate>

		<dc:creator>엠엠엠 디자인 스튜디오</dc:creator>

		<guid isPermaLink="true">https://mmmstudio.kr/RUN</guid>

		<description>


/* 전체 영역 */
.run-game-wrap {
  width: 100%;
  margin: 0 auto;
  text-align: center;
}

/* 제목 */
.run-game-title {
  margin-bottom: 20px;
  text-align: center;
}

/* 게임 화면 */
.run-game-frame {
  display: block;
  width: 95%;
  max-width: 1400px;
  height: 250px;
  margin: 0 auto;
  border: none;
  background: #fff;
}

/* 안내문 */
.run-guide {
  margin-top: 20px;
  font-size: 14px;
}

/* 점수 입력 */
.run-record {
  margin-top: 20px;
  text-align: center;
}

.run-record input {
  width: 140px;
  padding: 10px 12px;
  margin: 5px;
  border: 1px solid #aaa;
  box-sizing: border-box;
  font-size: 14px;
}

/* 저장 버튼 */
.run-record button {
  padding: 10px 20px;
  margin: 5px;
  border: 1px solid #111;
  background: #fff;
  cursor: pointer;
  font-size: 14px;
}

.run-record button:hover {
  background: #111;
  color: #fff;
}

/* 랭킹 */
.run-ranking {
  max-width: 400px;
  margin: 30px auto 0;
}

.run-ranking-title {
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: bold;
}

#runScoreList {
  margin: 0;
  padding: 0;
  list-style: none;
}

#runScoreList li {
  padding: 5px 0;
  font-size: 14px;
}


/* 태블릿 */
@media (max-width: 1024px) {

  .run-game-frame {
    width: 100%;
    height: 500px;
  }

}


/* 모바일 */
@media (max-width: 768px) {

  .run-game-frame {
    width: 100%;
    height: 400px;
  }

}


/* 작은 모바일 */
@media (max-width: 480px) {

  .run-game-frame {
    height: 320px;
  }

  .run-record input {
    width: 110px;
  }

}


MMM


PROJECT


RUN


	.


      🦕 MMM VS YOU

      
        스페이스바로 점프, ↓ 화살표로 앉기 🎮
      

          저장
        

          🏆 YOU RANKING
        

&#38;nbsp;


(function(){

  const SUPABASE_URL =
    'https://xfpspuaoirpmrdpkevqy.supabase.co';

  const SUPABASE_KEY =
    'sb_publishable_OvgWihav9Nv0zXzBdq_WTg_xSvhUK6i';

  const API =
    SUPABASE_URL + '/rest/v1/run_game_scores';


  function ready(fn){

    if (document.readyState === 'loading') {
      document.addEventListener('DOMContentLoaded', fn);
    } else {
      fn();
    }

  }


  ready(function(){

    const saveBtn =
      document.getElementById('runSaveBtn');

    const nameInput =
      document.getElementById('runUserName');

    const scoreInput =
      document.getElementById('runUserScore');

    const scoreList =
      document.getElementById('runScoreList');


    if (
      !saveBtn &#124;&#124;
      !nameInput &#124;&#124;
      !scoreInput &#124;&#124;
      !scoreList
    ) {
      return;
    }


    /* ==================================
       TOP 10 랭킹 불러오기
       ================================== */

    async function loadRanking(){

      try {

        const response =
          await fetch(
            API +
            '?select=name,score,created_at' +
            '&#38;order=score.desc,created_at.asc' +
            '&#38;limit=10',
            {
              method: 'GET',
              headers: {
                'apikey': SUPABASE_KEY
              }
            }
          );


        if (!response.ok) {

          const errorText =
            await response.text();

          console.error(
            'Supabase 오류:',
            errorText
          );

          throw new Error(
            '랭킹 불러오기 실패'
          );

        }


        const records =
          await response.json();


        scoreList.innerHTML = '';


        if (records.length === 0) {

          const li =
            document.createElement('li');

          li.textContent =
            '아직 등록된 기록이 없습니다.';

          scoreList.appendChild(li);

          return;

        }


        records.forEach(
          function(record, index){

            const li =
              document.createElement('li');


            let medal = '';

            if (index === 0) {
              medal = '🥇 ';
            }

            else if (index === 1) {
              medal = '🥈 ';
            }

            else if (index === 2) {
              medal = '🥉 ';
            }


            li.textContent =
              medal +
              (index + 1) +
              '. ' +
              record.name +
              ' : ' +
              record.score +
              '점';


            scoreList.appendChild(li);

          }
        );


      }

      catch(error){

        console.error(error);

        scoreList.innerHTML = '';

        const li =
          document.createElement('li');

        li.textContent =
          '랭킹을 불러오지 못했습니다.';

        scoreList.appendChild(li);

      }

    }


    /* ==================================
       점수 저장
       ================================== */

    async function saveScore(){

      const name =
        nameInput.value.trim();

      const score =
        parseInt(
          scoreInput.value,
          10
        );


      if (!name) {

        alert(
          '이름을 입력해주세요.'
        );

        nameInput.focus();

        return;

      }


      if (name.length &#62; 20) {

        alert(
          '이름은 20자 이하로 입력해주세요.'
        );

        return;

      }


      if (isNaN(score)) {

        alert(
          '점수를 입력해주세요.'
        );

        scoreInput.focus();

        return;

      }


      if (
        score &#60; 0 &#124;&#124;
        score &#62; 99999999
      ) {

        alert(
          '올바른 점수를 입력해주세요.'
        );

        return;

      }


      saveBtn.disabled = true;

      saveBtn.textContent =
        '저장 중...';


      try {

        const response =
          await fetch(
            API,
            {
              method: 'POST',

              headers: {
                'apikey':
                  SUPABASE_KEY,

                'Content-Type':
                  'application/json',

                'Prefer':
                  'return=minimal'
              },

              body:
                JSON.stringify({
                  name: name,
                  score: score
                })
            }
          );


        if (!response.ok) {

          const errorText =
            await response.text();

          console.error(
            'Supabase 저장 오류:',
            errorText
          );

          throw new Error(
            '점수 저장 실패'
          );

        }


        /* 입력칸 비우기 */

        nameInput.value = '';

        scoreInput.value = '';


        /* 바로 새 랭킹 불러오기 */

        await loadRanking();


      }

      catch(error){

        console.error(error);

        alert(
          '점수를 저장하지 못했습니다.'
        );

      }

      finally {

        saveBtn.disabled = false;

        saveBtn.textContent =
          '저장';

      }

    }


    /* ==================================
       저장 버튼
       ================================== */

    saveBtn.addEventListener(
      'click',
      saveScore
    );


    /* 점수 입력 후 Enter */

    scoreInput.addEventListener(
      'keydown',
      function(event){

        if (event.key === 'Enter') {

          saveScore();

        }

      }
    );


    /* 페이지 들어오자마자 랭킹 표시 */

    loadRanking();


    /* 10초마다 다른 사람 점수 확인 */

    setInterval(
      loadRanking,
      10000
    );


  });

})();


</description>
		
	</item>
		
		
	<item>
		<title>봉남문화공원(2026)</title>
				
		<link>https://mmmstudio.kr/2026</link>

		<pubDate>Tue, 08 Sep 2026 01:49:11 +0000</pubDate>

		<dc:creator>엠엠엠 디자인 스튜디오</dc:creator>

		<guid isPermaLink="true">https://mmmstudio.kr/2026</guid>

		<description>


봉남문화공원 조성사업 기본 및 실시설계


Anseong, Korea


2026


&#60;img width="1309" height="836" width_o="1309" height_o="836" data-src="https://freight.cargo.site/t/original/i/585ca6e6836b3103be89098faf6c1513172cd22b2e008a4f90f544f6c8f6e254/--2.jpg" data-mid="251937005" border="0"  src="https://freight.cargo.site/w/1000/i/585ca6e6836b3103be89098faf6c1513172cd22b2e008a4f90f544f6c8f6e254/--2.jpg" /&#62;
&#60;img width="3840" height="2434" width_o="3840" height_o="2434" data-src="https://freight.cargo.site/t/original/i/e29047a0bf925dab3661ed5ebd51fda9074bd099413ca99a91d52c1c73b5e99a/--1.jpg" data-mid="251937006" border="0"  src="https://freight.cargo.site/w/1000/i/e29047a0bf925dab3661ed5ebd51fda9074bd099413ca99a91d52c1c73b5e99a/--1.jpg" /&#62;

&#60;img width="1309" height="836" width_o="1309" height_o="836" data-src="https://freight.cargo.site/t/original/i/48f9c67307709990807f4dfd045525853f2cac9d4157dd1aebcad3351bccc47c/.jpg" data-mid="251937008" border="0"  src="https://freight.cargo.site/w/1000/i/48f9c67307709990807f4dfd045525853f2cac9d4157dd1aebcad3351bccc47c/.jpg" /&#62;
&#60;img width="1309" height="830" width_o="1309" height_o="830" data-src="https://freight.cargo.site/t/original/i/17c8500c8c57c5a36e49716946bc7e0a848aadc091d3acce56a1adfdb4f1299c/0-.jpg" data-mid="251937009" border="0"  src="https://freight.cargo.site/w/1000/i/17c8500c8c57c5a36e49716946bc7e0a848aadc091d3acce56a1adfdb4f1299c/0-.jpg" /&#62;
&#60;img width="1440" height="919" width_o="1440" height_o="919" data-src="https://freight.cargo.site/t/original/i/d178c47079ad2cbac16474127d54ae05ca8cf1b1b463d041a1351b48c45e5a05/-.jpg" data-mid="251937010" border="0"  src="https://freight.cargo.site/w/1000/i/d178c47079ad2cbac16474127d54ae05ca8cf1b1b463d041a1351b48c45e5a05/-.jpg" /&#62;
&#60;img width="1309" height="836" width_o="1309" height_o="836" data-src="https://freight.cargo.site/t/original/i/e1e8b618822ca530dd527d259973ce015c46c30131974c73067743074687e409/.jpg" data-mid="251937012" border="0"  src="https://freight.cargo.site/w/1000/i/e1e8b618822ca530dd527d259973ce015c46c30131974c73067743074687e409/.jpg" /&#62;
&#60;img width="1440" height="913" width_o="1440" height_o="913" data-src="https://freight.cargo.site/t/original/i/be2b0e8774464bf5270f49f833b9c05495688b6638879cfada919099a831b853/.jpg" data-mid="251937011" border="0"  src="https://freight.cargo.site/w/1000/i/be2b0e8774464bf5270f49f833b9c05495688b6638879cfada919099a831b853/.jpg" /&#62;
&#60;img width="1309" height="830" width_o="1309" height_o="830" data-src="https://freight.cargo.site/t/original/i/9abec0202b92ab0e649550b3b4fe225595838634fe5623cf12e6265c27df8fab/0---.jpg" data-mid="251937013" border="0"  src="https://freight.cargo.site/w/1000/i/9abec0202b92ab0e649550b3b4fe225595838634fe5623cf12e6265c27df8fab/0---.jpg" /&#62;

&#60;img width="1309" height="836" width_o="1309" height_o="836" data-src="https://freight.cargo.site/t/original/i/0c623c6632de70814c00f2479f21252a4fb952137a0246f0dceee0cab2af7ae5/-3.jpg" data-mid="251937025" border="0"  src="https://freight.cargo.site/w/1000/i/0c623c6632de70814c00f2479f21252a4fb952137a0246f0dceee0cab2af7ae5/-3.jpg" /&#62;
&#60;img width="3840" height="2450" width_o="3840" height_o="2450" data-src="https://freight.cargo.site/t/original/i/fd2cd0f11fb89c98c4f33c4e6695dff7e26ad07adf8f318ed32af20ed0802c42/-2.jpg" data-mid="251937015" border="0"  src="https://freight.cargo.site/w/1000/i/fd2cd0f11fb89c98c4f33c4e6695dff7e26ad07adf8f318ed32af20ed0802c42/-2.jpg" /&#62;
&#60;img width="2080" height="1320" width_o="2080" height_o="1320" data-src="https://freight.cargo.site/t/original/i/528ec4a8760b122f468a470fc2954b3cd61177baf0e8419282c133feadb92baa/-4.jpg" data-mid="251937016" border="0"  src="https://freight.cargo.site/w/1000/i/528ec4a8760b122f468a470fc2954b3cd61177baf0e8419282c133feadb92baa/-4.jpg" /&#62;
&#60;img width="1309" height="830" width_o="1309" height_o="830" data-src="https://freight.cargo.site/t/original/i/2518d57f5eedffd73832bd88f4825b9cdc81e43a15dbd85174f73ef28eff12a4/.png" data-mid="251937017" border="0"  src="https://freight.cargo.site/w/1000/i/2518d57f5eedffd73832bd88f4825b9cdc81e43a15dbd85174f73ef28eff12a4/.png" /&#62;

&#60;img width="5760" height="3676" width_o="5760" height_o="3676" data-src="https://freight.cargo.site/t/original/i/ca8e910a0da9113662b3f8311dc12329384e5db4815387f07f1c6c18738e850e/.jpg" data-mid="251937018" border="0"  src="https://freight.cargo.site/w/1000/i/ca8e910a0da9113662b3f8311dc12329384e5db4815387f07f1c6c18738e850e/.jpg" /&#62;
&#60;img width="2080" height="1320" width_o="2080" height_o="1320" data-src="https://freight.cargo.site/t/original/i/b79dbd38ec38386dd9dd0562df365af7b7686dd8998bf0ab6e657bf6a004f214/-1.jpg" data-mid="251937019" border="0"  src="https://freight.cargo.site/w/1000/i/b79dbd38ec38386dd9dd0562df365af7b7686dd8998bf0ab6e657bf6a004f214/-1.jpg" /&#62;
&#60;img width="1309" height="836" width_o="1309" height_o="836" data-src="https://freight.cargo.site/t/original/i/e194eb99abc60cf3c379a1b9c932f1a02e83c94a3905c8e46d09e5c567a05c1c/-3.jpg" data-mid="251937021" border="0"  src="https://freight.cargo.site/w/1000/i/e194eb99abc60cf3c379a1b9c932f1a02e83c94a3905c8e46d09e5c567a05c1c/-3.jpg" /&#62;
&#60;img width="3840" height="2452" width_o="3840" height_o="2452" data-src="https://freight.cargo.site/t/original/i/c7df183b6af6fc8ba9ae07467db48d74ac0176eeaaeccd2fc0e38a2c2a9ec12d/-2.jpg" data-mid="251937020" border="0"  src="https://freight.cargo.site/w/1000/i/c7df183b6af6fc8ba9ae07467db48d74ac0176eeaaeccd2fc0e38a2c2a9ec12d/-2.jpg" /&#62;

&#60;img width="2080" height="1320" width_o="2080" height_o="1320" data-src="https://freight.cargo.site/t/original/i/6540fabff9c52fcd3ba512142ca23ada13c78c8dda2829d7e6a13d37c6a0562d/-.jpg" data-mid="251937026" border="0"  src="https://freight.cargo.site/w/1000/i/6540fabff9c52fcd3ba512142ca23ada13c78c8dda2829d7e6a13d37c6a0562d/-.jpg" /&#62;
&#60;img width="3840" height="2452" width_o="3840" height_o="2452" data-src="https://freight.cargo.site/t/original/i/6fdb50b69676b463859b855036765aec36e148c24fd109008dd1d83c601fcf43/-1.jpg" data-mid="251937024" border="0"  src="https://freight.cargo.site/w/1000/i/6fdb50b69676b463859b855036765aec36e148c24fd109008dd1d83c601fcf43/-1.jpg" /&#62;
&#60;img width="2080" height="1320" width_o="2080" height_o="1320" data-src="https://freight.cargo.site/t/original/i/bc204ce120a349234955cb68497c05c0b45c11d785c683071435d8595768bf1f/-2.jpg" data-mid="251937023" border="0"  src="https://freight.cargo.site/w/1000/i/bc204ce120a349234955cb68497c05c0b45c11d785c683071435d8595768bf1f/-2.jpg" /&#62;

	
	&#38;lt;Back to Project
	

</description>
		
	</item>
		
		
	<item>
		<title>Waterway of DDP(2025)</title>
				
		<link>https://mmmstudio.kr/Waterway-of-DDP-2025</link>

		<pubDate>Tue, 08 Sep 2026 02:49:48 +0000</pubDate>

		<dc:creator>엠엠엠 디자인 스튜디오</dc:creator>

		<guid isPermaLink="true">https://mmmstudio.kr/Waterway-of-DDP-2025</guid>

		<description>DDP 공원부 수공간 조성사업 기본 및 실시설계


Seoul, Korea


2025


&#60;img width="7016" height="4447" width_o="7016" height_o="4447" data-src="https://freight.cargo.site/t/original/i/6eb840fe84e6c1a8d2266e21e061f7c26af3620dff4c57aba140d9984222bb58/Aerial_1.jpg" data-mid="251935508" border="0"  src="https://freight.cargo.site/w/1000/i/6eb840fe84e6c1a8d2266e21e061f7c26af3620dff4c57aba140d9984222bb58/Aerial_1.jpg" /&#62;


&#38;lt;Back to Project
	

</description>
		
	</item>
		
		
	<item>
		<title>백련근린공원 기본계획(2023)</title>
				
		<link>https://mmmstudio.kr/2023-3</link>

		<pubDate>Tue, 08 Sep 2026 05:40:28 +0000</pubDate>

		<dc:creator>엠엠엠 디자인 스튜디오</dc:creator>

		<guid isPermaLink="true">https://mmmstudio.kr/2023-3</guid>

		<description>


백련근린공원 테마형 복합힐링공원 조성 기본계획


MMM(엠엠엠 디자인 스튜디오)X VIRON(바이런) X G.LA.D(지엘에이디자인)


Seoul, Korea


2023


	&#60;img width="3521" height="2506" width_o="3521" height_o="2506" data-src="https://freight.cargo.site/t/original/i/c87b4ee865146992f45cd7d50a9dc497379cc5dcc418594a4f70cd44c02dae31/2-CG_MP__1.jpg" data-mid="251937054" border="0"  src="https://freight.cargo.site/w/1000/i/c87b4ee865146992f45cd7d50a9dc497379cc5dcc418594a4f70cd44c02dae31/2-CG_MP__1.jpg" /&#62;
	

	&#60;img width="3521" height="2514" width_o="3521" height_o="2514" data-src="https://freight.cargo.site/t/original/i/81bf46aaab35fc695c47db7abde7ce8fbdb4af6548e4a84e107bcf5ed82c4de7/2-CG_MP__2.jpg" data-mid="251937055" border="0"  src="https://freight.cargo.site/w/1000/i/81bf46aaab35fc695c47db7abde7ce8fbdb4af6548e4a84e107bcf5ed82c4de7/2-CG_MP__2.jpg" /&#62;
	

&#60;img width="2480" height="3508" width_o="2480" height_o="3508" data-src="https://freight.cargo.site/t/original/i/226f7f6a22bb0ec6a5031b3cc778a8d64555bb1b7bae183279293a4b627fa6bf/_2_-1--4.jpg" data-mid="251937592" border="0" data-scale="22" src="https://freight.cargo.site/w/1000/i/226f7f6a22bb0ec6a5031b3cc778a8d64555bb1b7bae183279293a4b627fa6bf/_2_-1--4.jpg" /&#62;


&#38;lt;Back to Project
	

</description>
		
	</item>
		
		
	<item>
		<title>장지천 Blue Weaving(2023)</title>
				
		<link>https://mmmstudio.kr/Blue-Weaving-2023</link>

		<pubDate>Fri, 25 Jul 2025 07:48:08 +0000</pubDate>

		<dc:creator>엠엠엠 디자인 스튜디오</dc:creator>

		<guid isPermaLink="true">https://mmmstudio.kr/Blue-Weaving-2023</guid>

		<description>장지천 수변활력거점 조성 설계공모

&#60;img width="1014" height="1060" width_o="1014" height_o="1060" data-src="https://freight.cargo.site/t/original/i/c671f4c4102b333afe1adf3f3f51f6917317b768b22bdf3df3e4a448a03ec2c1/77.JPG" data-mid="236260072" border="0" data-scale="10" src="https://freight.cargo.site/w/1000/i/c671f4c4102b333afe1adf3f3f51f6917317b768b22bdf3df3e4a448a03ec2c1/77.JPG" /&#62;

장지천 Blue Weaving
(푸르름으로 엮인 예술문화공간)


MMM(엠엠엠 디자인 스튜디오)

X G.LA.D(지엘에이디자인) 


Seoul, Korea / 
2023


당선


	&#60;img width="5284" height="1763" width_o="5284" height_o="1763" data-src="https://freight.cargo.site/t/original/i/84bd0f5edeb33b465f70be316b269cdc1532966b7f5d5f7a3fe2a179a7c249b4/1_-1.jpg" data-mid="236256998" border="0"  src="https://freight.cargo.site/w/1000/i/84bd0f5edeb33b465f70be316b269cdc1532966b7f5d5f7a3fe2a179a7c249b4/1_-1.jpg" /&#62;&#60;img width="3344" height="1763" width_o="3344" height_o="1763" data-src="https://freight.cargo.site/t/original/i/2454221c0990365fa3e5be375144b86f498e6cedab8393d964500688d581f29e/2_-1.jpg" data-mid="236256999" border="0" data-scale="63" src="https://freight.cargo.site/w/1000/i/2454221c0990365fa3e5be375144b86f498e6cedab8393d964500688d581f29e/2_-1.jpg" /&#62;


MARSTERPLAN


	&#60;img width="9150" height="3518" width_o="9150" height_o="3518" data-src="https://freight.cargo.site/t/original/i/0f74482ad577bc808b8796782a53c062159b2d47c4e82b76e4585152fdb43e4d/mp-02.jpg" data-mid="236256912" border="0" data-scale="100" src="https://freight.cargo.site/w/1000/i/0f74482ad577bc808b8796782a53c062159b2d47c4e82b76e4585152fdb43e4d/mp-02.jpg" /&#62;


&#38;nbsp;■ 프롬나드 스탠드 SECTION PERSPECTIVE

	
&#60;img width="2882" height="1156" width_o="2882" height_o="1156" data-src="https://freight.cargo.site/t/original/i/31768f660941df621a6e0679520e7f0e34dc8b835040be0290702ca5b225420f/33_-1.jpg" data-mid="236257059" border="0"  src="https://freight.cargo.site/w/1000/i/31768f660941df621a6e0679520e7f0e34dc8b835040be0290702ca5b225420f/33_-1.jpg" /&#62;


&#38;nbsp;■ 

장지천 그린카펫 SECTION PERSPECTIVE


&#60;img width="2882" height="1136" width_o="2882" height_o="1136" data-src="https://freight.cargo.site/t/original/i/8ece185d220f864ff16f932ee96c3614af0b4b705615a08ab73e69f33c2cb205/44_-1.jpg" data-mid="236257060" border="0"  src="https://freight.cargo.site/w/1000/i/8ece185d220f864ff16f932ee96c3614af0b4b705615a08ab73e69f33c2cb205/44_-1.jpg" /&#62;

	
&#38;nbsp;■ 

SECTION A-A’ (테라스마당)&#60;img width="2845" height="2281" width_o="2845" height_o="2281" data-src="https://freight.cargo.site/t/original/i/8c59769424a7731bf69cfd24dcc504a33cd0937d0e7b4bbb3381b813f8564f71/66_-1.jpg" data-mid="236257088" border="0"  src="https://freight.cargo.site/w/1000/i/8c59769424a7731bf69cfd24dcc504a33cd0937d0e7b4bbb3381b813f8564f71/66_-1.jpg" /&#62;

	
&#38;nbsp;■ 

SECTION B-B’ (프롬나드 스탠드)&#60;img width="2867" height="2291" width_o="2867" height_o="2291" data-src="https://freight.cargo.site/t/original/i/2a14660a8b08434bed16e2770ae4d1b2dacc1e76b468bea69b379bf3ff53106a/66-02.jpg" data-mid="236257089" border="0"  src="https://freight.cargo.site/w/1000/i/2a14660a8b08434bed16e2770ae4d1b2dacc1e76b468bea69b379bf3ff53106a/66-02.jpg" /&#62;


&#38;nbsp;■ 

SECTION C-C’ (글샘 예술·문화마당)&#60;img width="2856" height="2292" width_o="2856" height_o="2292" data-src="https://freight.cargo.site/t/original/i/ac9e47b68284af51de2cb07eeaaab5748baff374a969cb5bbc4443b83eb145dc/66-03.jpg" data-mid="236257090" border="0"  src="https://freight.cargo.site/w/1000/i/ac9e47b68284af51de2cb07eeaaab5748baff374a969cb5bbc4443b83eb145dc/66-03.jpg" /&#62;

	
&#38;nbsp;■ 

SECTION D-D’ (천변 숲길)&#60;img width="2855" height="2288" width_o="2855" height_o="2288" data-src="https://freight.cargo.site/t/original/i/8669d6e9df258761151b80d02d37e3dd1c8b96b6a6234d292867b2c0d1c4b182/66-04.jpg" data-mid="236257091" border="0"  src="https://freight.cargo.site/w/1000/i/8669d6e9df258761151b80d02d37e3dd1c8b96b6a6234d292867b2c0d1c4b182/66-04.jpg" /&#62;

	
&#38;nbsp;■ 

SECTION E-E’ (장지천 그린카펫)&#60;img width="2845" height="2286" width_o="2845" height_o="2286" data-src="https://freight.cargo.site/t/original/i/e8434f30330afd9360abed2c2bd914226bc027a2da35ebbfec5f1f7d0fafef59/66-05.jpg" data-mid="236257092" border="0"  src="https://freight.cargo.site/w/1000/i/e8434f30330afd9360abed2c2bd914226bc027a2da35ebbfec5f1f7d0fafef59/66-05.jpg" /&#62;

	
&#60;img width="1014" height="1060" width_o="1014" height_o="1060" data-src="https://freight.cargo.site/t/original/i/c671f4c4102b333afe1adf3f3f51f6917317b768b22bdf3df3e4a448a03ec2c1/77.JPG" data-mid="236260072" border="0" data-scale="6" src="https://freight.cargo.site/w/1000/i/c671f4c4102b333afe1adf3f3f51f6917317b768b22bdf3df3e4a448a03ec2c1/77.JPG" /&#62;
&#38;lt;Back to Project
	

</description>
		
	</item>
		
		
	<item>
		<title>7 points &#38; 3 specialites(2023)</title>
				
		<link>https://mmmstudio.kr/7-points-3-specialites-2023-1</link>

		<pubDate>Tue, 08 Sep 2026 08:37:17 +0000</pubDate>

		<dc:creator>엠엠엠 디자인 스튜디오</dc:creator>

		<guid isPermaLink="true">https://mmmstudio.kr/7-points-3-specialites-2023-1</guid>

		<description>
안양천 수변활력거점 조성사업 설계공모


7 POINTS &#38;amp; SPECIALITES


(안양천에 안착한 푸른 풍경)


Seoul, Korea / 2023


落


			&#60;img width="22231" height="8210" width_o="22231" height_o="8210" data-src="https://freight.cargo.site/t/original/i/9053d8e2624192fb5123d08719c67590d5a182a2c2255bffde27898ddfd44eab/MH-40815_image_8.jpg" data-mid="251938549" border="0" data-scale="100" src="https://freight.cargo.site/w/1000/i/9053d8e2624192fb5123d08719c67590d5a182a2c2255bffde27898ddfd44eab/MH-40815_image_8.jpg" /&#62;
			
			
&#60;img width="3840" height="2250" width_o="3840" height_o="2250" data-src="https://freight.cargo.site/t/original/i/56185bfea40809524ddf2bef45525800658fd6e74eee1553cc2be7b0584153c2/MH-40815_main.jpg" data-mid="251938552" border="0"  src="https://freight.cargo.site/w/1000/i/56185bfea40809524ddf2bef45525800658fd6e74eee1553cc2be7b0584153c2/MH-40815_main.jpg" /&#62;
&#60;img width="9933" height="6341" width_o="9933" height_o="6341" data-src="https://freight.cargo.site/t/original/i/d95b092fcc4282f5f131e53a592cf360084a4d8436e0c9d2223e92a921cb19e6/MH-40815_image_03.jpg" data-mid="251938553" border="0"  src="https://freight.cargo.site/w/1000/i/d95b092fcc4282f5f131e53a592cf360084a4d8436e0c9d2223e92a921cb19e6/MH-40815_image_03.jpg" /&#62;
&#60;img width="9933" height="6341" width_o="9933" height_o="6341" data-src="https://freight.cargo.site/t/original/i/51901e88db0e06c28254b55b0b0d2a5da8f73094d7b60c737562a0b9b705127f/MH-40815_image_05.jpg" data-mid="251938555" border="0"  src="https://freight.cargo.site/w/1000/i/51901e88db0e06c28254b55b0b0d2a5da8f73094d7b60c737562a0b9b705127f/MH-40815_image_05.jpg" /&#62;
&#60;img width="9933" height="6341" width_o="9933" height_o="6341" data-src="https://freight.cargo.site/t/original/i/9565b108cc9725187c8476dc50f65f63b9274eddcdbd5c7aa8a8ae37c0446b51/MH-40815_image_04.jpg" data-mid="251938554" border="0"  src="https://freight.cargo.site/w/1000/i/9565b108cc9725187c8476dc50f65f63b9274eddcdbd5c7aa8a8ae37c0446b51/MH-40815_image_04.jpg" /&#62;
&#60;img width="9933" height="6341" width_o="9933" height_o="6341" data-src="https://freight.cargo.site/t/original/i/aec42822dc3cf061eddad270bf7722b8f4365d53979290c70f6c14a90db5d47d/MH-40815_image_06.jpg" data-mid="251938556" border="0"  src="https://freight.cargo.site/w/1000/i/aec42822dc3cf061eddad270bf7722b8f4365d53979290c70f6c14a90db5d47d/MH-40815_image_06.jpg" /&#62;
&#60;img width="9933" height="6341" width_o="9933" height_o="6341" data-src="https://freight.cargo.site/t/original/i/d34bf5182d9ea816658e971fc2f9779104dedc82d4e0a018656126ee54cefa02/MH-40815_image_01.jpg" data-mid="251938558" border="0"  src="https://freight.cargo.site/w/1000/i/d34bf5182d9ea816658e971fc2f9779104dedc82d4e0a018656126ee54cefa02/MH-40815_image_01.jpg" /&#62;
&#60;img width="9933" height="6341" width_o="9933" height_o="6341" data-src="https://freight.cargo.site/t/original/i/8c035b806a55818b1978c516cad149c19724a664deee68ee0908981ac9d67b4c/MH-40815_image_02.jpg" data-mid="251938557" border="0"  src="https://freight.cargo.site/w/1000/i/8c035b806a55818b1978c516cad149c19724a664deee68ee0908981ac9d67b4c/MH-40815_image_02.jpg" /&#62;

			
			&#60;img width="14400" height="8100" width_o="14400" height_o="8100" data-src="https://freight.cargo.site/t/original/i/5482893628be235af94de3c307d0e032aa1bba71a79460fe4896caf89e81a52f/MH-40815_panel.jpg" data-mid="251938561" border="0" data-scale="64" src="https://freight.cargo.site/w/1000/i/5482893628be235af94de3c307d0e032aa1bba71a79460fe4896caf89e81a52f/MH-40815_panel.jpg" /&#62;
		
		
				&#38;lt;Back to Project
			
		
/* ========================================
   IMAGE 20
======================================== */

#zoom-image img {
	cursor: zoom-in;
	transition: opacity 0.2s ease;
}

#zoom-image img:hover {
	opacity: 0.88;
}


/* ========================================
   전체 화면 뷰어
======================================== */

.image-zoom-overlay {
	position: fixed;
	inset: 0;

	width: 100vw;
	height: 100vh;

	background: rgba(0, 0, 0, 0.96);

	z-index: 999999;

	display: flex;
	align-items: center;
	justify-content: center;

	overflow: hidden;

	opacity: 0;

	transition: opacity 0.22s ease;
}

.image-zoom-overlay.active {
	opacity: 1;
}


/* ========================================
   이미지 영역
======================================== */

.image-zoom-stage {
	position: absolute;
	inset: 0;

	width: 100%;
	height: 100%;

	display: flex;
	align-items: center;
	justify-content: center;

	overflow: hidden;

	cursor: default;
}


/* ========================================
   전체보기 이미지
======================================== */

.image-zoom-stage img {
	display: block;

	max-width: 96vw;
	max-height: 94vh;

	width: auto;
	height: auto;

	object-fit: contain;

	user-select: none;
	-webkit-user-select: none;
	-webkit-user-drag: none;

	transform: translate(0px, 0px) scale(1);

	cursor: zoom-in;

	will-change: transform;

	transition:
		opacity 0.18s ease,
		transform 0.35s cubic-bezier(.2,.7,.2,1);
}


/* 확대 상태 */
.image-zoom-stage img.zoomed {
	cursor: grab;
}


/* 드래그 상태 */
.image-zoom-stage img.dragging {
	cursor: grabbing;

	/* 드래그할 때 애니메이션 제거 */
	transition: opacity 0.18s ease;
}


/* ========================================
   로딩
======================================== */

.image-zoom-loading {
	position: fixed;

	top: 50%;
	left: 50%;

	transform: translate(-50%, -50%);

	z-index: 1000001;

	color: rgba(255,255,255,0.65);

	font-size: 10px;

	letter-spacing: 0.12em;

	pointer-events: none;
}


/* ========================================
   안내 문구
======================================== */

.image-zoom-guide {
	position: fixed;

	left: 50%;
	bottom: 20px;

	transform: translateX(-50%);

	z-index: 1000001;

	color: rgba(255,255,255,0.5);

	font-size: 9px;

	letter-spacing: 0.1em;

	white-space: nowrap;

	pointer-events: none;

	transition: opacity 0.25s ease;
}


/* 확대 후 안내문 */
.image-zoom-guide.zoomed {
	opacity: 0.35;
}


/* ========================================
   모바일
======================================== */

@media (max-width: 768px) {

	.image-zoom-stage img {
		max-width: 98vw;
		max-height: 94vh;
	}

	.image-zoom-guide {
		bottom: 12px;
		font-size: 8px;
	}

}


document.addEventListener("DOMContentLoaded", function () {

	const zoomContainer =
		document.querySelector("#zoom-image");

	if (!zoomContainer) return;


	const thumbnail =
		zoomContainer.querySelector("img");

	if (!thumbnail) return;


	/* ========================================
	   Cargo 이미지 후보 주소 수집
	======================================== */

	function getImageSources(img) {

		const sources = [];


		function addSource(src) {

			if (!src) return;


			/*
			   Cargo 리사이즈 이미지라면
			   original 주소도 후보에 먼저 추가
			*/

			if (
				src.includes("freight.cargo.site") &#38;&#38;
				src.includes("/t/")
			) {

				const original =
					src.replace(
						//t/[^/]+//,
						"/t/original/"
					);


				if (!sources.includes(original)) {
					sources.push(original);
				}

			}


			if (!sources.includes(src)) {
				sources.push(src);
			}

		}


		/* data-src */

		addSource(
			img.getAttribute("data-src")
		);


		/* srcset 중 가장 큰 이미지부터 */

		const srcset =
			img.getAttribute("srcset");


		if (srcset) {

			const srcsetSources =
				srcset
					.split(",")
					.map(function (item) {

						const parts =
							item.trim().split(/s+/);

						let size = 0;


						if (parts[1]) {

							if (
								parts[1].endsWith("w")
							) {

								size =
									parseInt(
										parts[1],
										10
									);

							}

							else if (
								parts[1].endsWith("x")
							) {

								size =
									parseFloat(
										parts[1]
									) * 10000;

							}

						}


						return {
							url: parts[0],
							size: size
						};

					})
					.sort(function (a, b) {

						return b.size - a.size;

					});


			srcsetSources.forEach(
				function (item) {

					addSource(item.url);

				}
			);

		}


		/* 현재 이미지 */

		addSource(
			img.currentSrc
		);


		addSource(
			img.getAttribute("src")
		);


		return sources;

	}


	/* ========================================
	   IMAGE 20 클릭
	   → 뷰어 OPEN
	======================================== */

	thumbnail.addEventListener(
		"click",
		function (event) {

			event.preventDefault();
			event.stopPropagation();


			openImageViewer();

		}
	);


	function openImageViewer() {


		/* ========================================
		   Overlay
		======================================== */

		const overlay =
			document.createElement("div");


		overlay.className =
			"image-zoom-overlay";


		/* ========================================
		   Stage
		======================================== */

		const stage =
			document.createElement("div");


		stage.className =
			"image-zoom-stage";


		/* ========================================
		   확대 이미지
		======================================== */

		const image =
			document.createElement("img");


		image.draggable = false;

		image.style.opacity = "0";


		/* ========================================
		   Loading
		======================================== */

		const loading =
			document.createElement("div");


		loading.className =
			"image-zoom-loading";


		loading.innerHTML =
			"LOADING";


		/* ========================================
		   안내
		======================================== */

		const guide =
			document.createElement("div");


		guide.className =
			"image-zoom-guide";


		guide.innerHTML =
			"CLICK TO ZOOM";


		stage.appendChild(image);

		overlay.appendChild(stage);

		overlay.appendChild(loading);

		overlay.appendChild(guide);

		document.body.appendChild(overlay);


		/* ========================================
		   페이지 스크롤 잠금
		======================================== */

		const previousOverflow =
			document.body.style.overflow;


		document.body.style.overflow =
			"hidden";


		requestAnimationFrame(
			function () {

				overlay.classList.add(
					"active"
				);

			}
		);


		/* ========================================
		   고해상도 이미지 로딩
		======================================== */

		const imageSources =
			getImageSources(thumbnail);


		let sourceIndex = 0;


		function loadSource() {

			if (
				sourceIndex &#62;=
				imageSources.length
			) {

				loading.innerHTML =
					"IMAGE ERROR";

				return;

			}


			image.src =
				imageSources[sourceIndex];


			sourceIndex++;

		}


		image.onload =
			function () {

				if (loading.parentNode) {
					loading.remove();
				}


				image.style.opacity =
					"1";

			};


		image.onerror =
			function () {

				loadSource();

			};


		loadSource();


		/* ========================================
		   상태
		======================================== */

		let zoomed = false;

		let dragging = false;

		let moved = false;


		let startX = 0;
		let startY = 0;


		let translateX = 0;
		let translateY = 0;


		let startTranslateX = 0;
		let startTranslateY = 0;


		/*
		   여기 숫자로 확대 배율 조절

		   2.5 = 2.5배
		   3   = 3배
		   4   = 4배
		*/

		const ZOOM_SCALE = 2.5;


		/* ========================================
		   Transform
		======================================== */

		function updateTransform() {

			const scale =
				zoomed ?
				ZOOM_SCALE :
				1;


			image.style.transform =
				"translate(" +
				translateX +
				"px, " +
				translateY +
				"px) scale(" +
				scale +
				")";

		}


		/* ========================================
		   이미지 누르기
		======================================== */

		image.addEventListener(
			"pointerdown",
			function (event) {

				event.preventDefault();
				event.stopPropagation();


				moved = false;


				startX =
					event.clientX;


				startY =
					event.clientY;


				startTranslateX =
					translateX;


				startTranslateY =
					translateY;


				/* 확대된 상태에서만 드래그 */

				if (zoomed) {

					dragging = true;

					image.classList.add(
						"dragging"
					);


					try {

						image.setPointerCapture(
							event.pointerId
						);

					}

					catch (e) {}

				}

			}
		);


		/* ========================================
		   드래그
		======================================== */

		image.addEventListener(
			"pointermove",
			function (event) {

				if (
					!zoomed &#124;&#124;
					!dragging
				) {

					return;

				}


				const dx =
					event.clientX -
					startX;


				const dy =
					event.clientY -
					startY;


				/*
				   아주 조금 움직인 건
				   클릭으로 판단
				*/

				if (
					Math.abs(dx) &#62; 5 &#124;&#124;
					Math.abs(dy) &#62; 5
				) {

					moved = true;

				}


				translateX =
					startTranslateX +
					dx;


				translateY =
					startTranslateY +
					dy;


				updateTransform();

			}
		);


		/* ========================================
		   마우스를 뗐을 때
		======================================== */

		image.addEventListener(
			"pointerup",
			function (event) {

				event.preventDefault();
				event.stopPropagation();


				image.classList.remove(
					"dragging"
				);


				/*
				   1단계
				   처음 열린 이미지 클릭
				   → 확대
				*/

				if (!zoomed) {

					zoomed = true;


					image.classList.add(
						"zoomed"
					);


					guide.innerHTML =
						"DRAG TO MOVE&#38;nbsp;&#38;nbsp;·&#38;nbsp;&#38;nbsp;CLICK TO CLOSE";


					guide.classList.add(
						"zoomed"
					);


					/*
					   클릭한 위치를 기준으로
					   확대되도록 설정
					*/

					const rect =
						image.getBoundingClientRect();


					const originX =
						event.clientX -
						rect.left;


					const originY =
						event.clientY -
						rect.top;


					image.style.transformOrigin =
						originX +
						"px " +
						originY +
						"px";


					translateX = 0;
					translateY = 0;


					updateTransform();


					return;

				}


				/*
				   드래그했다면
				   창을 닫지 않음
				*/

				if (moved) {

					dragging = false;

					return;

				}


				/*
				   2단계
				   확대 상태에서 단순 클릭
				   → 창 닫기
				*/

				dragging = false;

				closeViewer();

			}
		);


		/* ========================================
		   pointer 취소
		======================================== */

		image.addEventListener(
			"pointercancel",
			function () {

				dragging = false;

				image.classList.remove(
					"dragging"
				);

			}
		);


		/* ========================================
		   검은 배경 클릭 → 닫기
		======================================== */

		stage.addEventListener(
			"click",
			function (event) {

				if (
					event.target === stage
				) {

					closeViewer();

				}

			}
		);


		/* ========================================
		   ESC → 닫기
		======================================== */

		function escClose(event) {

			if (
				event.key ===
				"Escape"
			) {

				closeViewer();

			}

		}


		document.addEventListener(
			"keydown",
			escClose
		);


		/* ========================================
		   뷰어 닫기
		======================================== */

		let closing = false;


		function closeViewer() {

			if (closing) return;

			closing = true;


			overlay.classList.remove(
				"active"
			);


			document.body.style.overflow =
				previousOverflow;


			document.removeEventListener(
				"keydown",
				escClose
			);


			setTimeout(
				function () {

					if (
						overlay.parentNode
					) {

						overlay.remove();

					}

				},
				220
			);

		}

	}

});

</description>
		
	</item>
		
		
	<item>
		<title>낭창낭창 DANCING TREES(2023)</title>
				
		<link>https://mmmstudio.kr/DANCING-TREES-2023</link>

		<pubDate>Fri, 18 Nov 2022 07:11:48 +0000</pubDate>

		<dc:creator>엠엠엠 디자인 스튜디오</dc:creator>

		<guid isPermaLink="true">https://mmmstudio.kr/DANCING-TREES-2023</guid>

		<description>순천만국가정원박람회 작가정원 공모


&#60;img width="1175" height="618" width_o="1175" height_o="618" data-src="https://freight.cargo.site/t/original/i/c4386baee82a86b60636e408537a8f5a78ff38c04df8db7a2504e5316eeaec92/_title.png" data-mid="180861577" border="0" data-scale="10" src="https://freight.cargo.site/w/1000/i/c4386baee82a86b60636e408537a8f5a78ff38c04df8db7a2504e5316eeaec92/_title.png" /&#62;


 낭창낭창 DANCING TREES


(춤추는 나무)


Suncheon, Korea / 2023


당선


&#60;img width="670" height="180" width_o="670" height_o="180" data-src="https://freight.cargo.site/t/original/i/1c7c612462653017b15bd70c4f16593925fbc9bd80b0a7e1513416647d180d35/_icon.png" data-mid="180859992" border="0" data-scale="4" src="https://freight.cargo.site/w/670/i/1c7c612462653017b15bd70c4f16593925fbc9bd80b0a7e1513416647d180d35/_icon.png" /&#62;


생긴 것도,자라온 환경도 모두 다른 나무는

그 해의 눈부신 햇살을, 적당히 촉촉하게 내렸던 비를, 늦서리 내리던 봄을 기억한다.


기억과 시간을 품은 나무의 나이테에서 착안하여 만든 낭창낭창 춤추는 나무 유닛(Dancing Tree)을
조심스럽게 어루만지면서 나무의 기억, 생태계의 기억을 소환하고자 한다.


&#60;img width="4961" height="3508" width_o="4961" height_o="3508" data-src="https://freight.cargo.site/t/original/i/bf38006ff6f6eee8971e9c1ef5f5fcacbd3f3825f49cfd08d609db511306c52e/1.jpg" data-mid="180859499" border="0" data-scale="76" src="https://freight.cargo.site/w/1000/i/bf38006ff6f6eee8971e9c1ef5f5fcacbd3f3825f49cfd08d609db511306c52e/1.jpg" /&#62;


&#60;img width="670" height="180" width_o="670" height_o="180" data-src="https://freight.cargo.site/t/original/i/1c7c612462653017b15bd70c4f16593925fbc9bd80b0a7e1513416647d180d35/_icon.png" data-mid="180859992" border="0" data-scale="4" src="https://freight.cargo.site/w/670/i/1c7c612462653017b15bd70c4f16593925fbc9bd80b0a7e1513416647d180d35/_icon.png" /&#62;


나무는 한 곳에 뿌리를 내리기 시작하면주변의 여러 환경에 의해 영향을 받으며 생장한다.이런 주변의 영향은 나무의 나이테에 고스란히 반영되어 나타난다.


TYPE A

	
TYPE B

	
TYPE C

	
TYPE D


TYPE E


TYPE F
	

&#60;img width="592" height="591" width_o="592" height_o="591" data-src="https://freight.cargo.site/t/original/i/c8be95b553db111e6098200914ca83de5f9c4cdae717971d739daa14cae91a1b/-3.png" data-mid="180862746" border="0" data-scale="64" src="https://freight.cargo.site/w/592/i/c8be95b553db111e6098200914ca83de5f9c4cdae717971d739daa14cae91a1b/-3.png" /&#62;


&#60;img width="591" height="592" width_o="591" height_o="592" data-src="https://freight.cargo.site/t/original/i/bbbfa661713bd71b019dc63856614d6d0e9877088df9d058f971a3710d1d61bc/-4.png" data-mid="180862745" border="0" data-scale="64" src="https://freight.cargo.site/w/591/i/bbbfa661713bd71b019dc63856614d6d0e9877088df9d058f971a3710d1d61bc/-4.png" /&#62;


&#60;img width="592" height="592" width_o="592" height_o="592" data-src="https://freight.cargo.site/t/original/i/3a68e4340717625fc0c2b725693332aeb0e1cf7b3cc7c050738fe1fbca9421a0/-5.png" data-mid="180862744" border="0" data-scale="64" src="https://freight.cargo.site/w/592/i/3a68e4340717625fc0c2b725693332aeb0e1cf7b3cc7c050738fe1fbca9421a0/-5.png" /&#62;


&#60;img width="592" height="591" width_o="592" height_o="591" data-src="https://freight.cargo.site/t/original/i/a594da88209453abb4e1c619a75b9dddcacec9c9a0826dd31f8efd63cf1ff9b4/-2.png" data-mid="180862747" border="0" data-scale="64" src="https://freight.cargo.site/w/592/i/a594da88209453abb4e1c619a75b9dddcacec9c9a0826dd31f8efd63cf1ff9b4/-2.png" /&#62;


&#60;img width="591" height="591" width_o="591" height_o="591" data-src="https://freight.cargo.site/t/original/i/16aad320843b4f35d4c142b71f06822893b23dd524d5bc19cce6063f7a9543cb/-1-1.png" data-mid="180862748" border="0" data-scale="64" src="https://freight.cargo.site/w/591/i/16aad320843b4f35d4c142b71f06822893b23dd524d5bc19cce6063f7a9543cb/-1-1.png" /&#62;


&#60;img width="592" height="592" width_o="592" height_o="592" data-src="https://freight.cargo.site/t/original/i/c89dabbb49b3f42bfa7c0a9f9d79562554e562bc0995c6684d632c42eb58d7f5/-6.png" data-mid="180862743" border="0" data-scale="66" src="https://freight.cargo.site/w/592/i/c89dabbb49b3f42bfa7c0a9f9d79562554e562bc0995c6684d632c42eb58d7f5/-6.png" /&#62;

	
&#60;img width="946" height="802" width_o="946" height_o="802" data-src="https://freight.cargo.site/t/original/i/f706462d6e2038f4c475d12fa9d47fbf68eff21bd4dd5bd68bc07c637107378d/_unit.png" data-mid="180863068" border="0" data-scale="53" src="https://freight.cargo.site/w/946/i/f706462d6e2038f4c475d12fa9d47fbf68eff21bd4dd5bd68bc07c637107378d/_unit.png" /&#62;


&#60;img width="670" height="180" width_o="670" height_o="180" data-src="https://freight.cargo.site/t/original/i/1c7c612462653017b15bd70c4f16593925fbc9bd80b0a7e1513416647d180d35/_icon.png" data-mid="180859992" border="0" data-scale="4" src="https://freight.cargo.site/w/670/i/1c7c612462653017b15bd70c4f16593925fbc9bd80b0a7e1513416647d180d35/_icon.png" /&#62;


정원 중심(Bic Tree)에는
살아있는 나무, 관목, 그라스류, 이끼류, 물웅덩이를 조성하였으며
완충공간으로써 그레이팅 영역과 휴게공간을 마련하였다.

우리가 설정한 낭창낭창 춤추는 나무 유닛(Dancing Tree)은
관람객들의 진입을 유도하는 장치이자 움직임을 통해 새로운 동선 공간을 형성하고
끊임없는 자연으로의 접점을 유도시킨다.

Dancing Tree(Facility) Typical Section


&#60;img width="657" height="601" width_o="657" height_o="601" data-src="https://freight.cargo.site/t/original/i/12698048c9b4ad67f3331cf8b7b9c26b7675d42bbb10f555d5c6fb1c1691fc23/_Typical-Section.png" data-mid="180864449" border="0" data-scale="40" src="https://freight.cargo.site/w/657/i/12698048c9b4ad67f3331cf8b7b9c26b7675d42bbb10f555d5c6fb1c1691fc23/_Typical-Section.png" /&#62;


&#60;img width="670" height="180" width_o="670" height_o="180" data-src="https://freight.cargo.site/t/original/i/1c7c612462653017b15bd70c4f16593925fbc9bd80b0a7e1513416647d180d35/_icon.png" data-mid="180859992" border="0" data-scale="4" src="https://freight.cargo.site/w/670/i/1c7c612462653017b15bd70c4f16593925fbc9bd80b0a7e1513416647d180d35/_icon.png" /&#62;


&#60;img width="1882" height="395" width_o="1882" height_o="395" data-src="https://freight.cargo.site/t/original/i/c581932c6a3795ec25b41cb1cf0c3a775ee2d154487e8c6e541a3f5e2a226c0a/.png" data-mid="180865974" border="0" data-scale="100" src="https://freight.cargo.site/w/1000/i/c581932c6a3795ec25b41cb1cf0c3a775ee2d154487e8c6e541a3f5e2a226c0a/.png" /&#62;


&#38;lt;Back to Project
	

</description>
		
	</item>
		
	</channel>
</rss>