CINXE.COM
Herald Design
<!DOCTYPE html> <html lang="ko"> <head> <meta http-equiv="content-type" content="text/html;charset=utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, target-densitydpi=medium-dpi" /> <title>Herald Design</title> <meta http-equiv="Cache-Control" content="no-cache"/> <meta http-equiv="Expires" content="0"/> <meta http-equiv="Pragma" content="no-cache"/> <meta http-equiv="ImageToolbar" content="No"> <meta itemprop="name" content="반포 노후 주택단지 붉은 벽돌집, 무채색 도시를 밝히다"> <meta itemprop="description" content=" 네모반듯한 회색빛 콘크리트 건물로 가득찬 반포동 일대 노후 주택 밀집지역에 계단 형태를 띤 붉은 벽돌집이 눈에 띈다. 붉은 요새를 뜻..."> <meta itemprop="image" content="http://res.heraldm.com/phpwas/restmb_idxmake.php?idx=310&simg=/content/heralddesign/content/content_20240304134222298896.jpg"> <meta property="article:author" content="헤럴드디자인" /> <meta property="article:publisher" content="헤럴드디자인" /> <meta property="article:published" content="2024-03-04" /> <meta property="article:section" content="MEDIA" /> <meta property="fb:app_id" content="" /> <meta property="og:type" content="article"/> <meta property="og:title" content="반포 노후 주택단지 붉은 벽돌집, 무채색 도시를 밝히다"/> <meta property="og:url" content=""/> <meta property="og:description" content=" 네모반듯한 회색빛 콘크리트 건물로 가득찬 반포동 일대 노후 주택 밀집지역에 계단 형태를 띤 붉은 벽돌집이 눈에 띈다. 붉은 요새를 뜻..."/> <meta property="og:article:author" content="헤럴드디자인"/> <meta property="og:image" content="http://res.heraldm.com/phpwas/restmb_idxmake.php?idx=310&simg=/content/heralddesign/content/content_20240304134222298896.jpg"/> <meta property="og:image:type" content="image/jpeg" /> <meta property="og:image:width" content="200" /> <meta property="og:image:height" content="200" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:title" content="반포 노후 주택단지 붉은 벽돌집, 무채색 도시를 밝히다" /> <meta name="twitter:site" content="헤럴드디자인" /> <meta name="twitter:creator" content="헤럴드" /> <meta name="twitter:image" content="http://res.heraldm.com/phpwas/restmb_idxmake.php?idx=310&simg=/content/heralddesign/content/content_20240304134222298896.jpg" /> <meta name="twitter:description" content=" 네모반듯한 회색빛 콘크리트 건물로 가득찬 반포동 일대 노후 주택 밀집지역에 계단 형태를 띤 붉은 벽돌집이 눈에 띈다. 붉은 요새를 뜻..." /> <link type="text/css" rel="stylesheet" href="https://res.heraldm.com/heralddesign/version02/css/reset.css?pp=20241125045532" /> <link type="text/css" rel="stylesheet" href="https://res.heraldm.com/heralddesign/version02/css/common.css?pp=20241125045532"/> <script type="text/javascript" src="https://res.heraldm.com/heralddesign/version02/js/jquery-1.11.3.min.js"></script> <script type="text/javascript" src="https://res.heraldm.com/heralddesign/version02/js/heralddesign.com.js?pp=20241125045532"></script> <script type="text/javascript" src="//res.heraldm.com/js/jst_common.js?pp=01"></script> <script type="text/javascript"> <!-- function setCookie(name, value, expiredays) { var today = new Date(); today.setDate(today.getDate() + expiredays); document.cookie = name + '=' + escape(value) + '; path=/; expires=' + today.toGMTString() + ';' } function getCookie(name) { var cName = name + "="; var x = 0; while ( x <= document.cookie.length ){ var y = (x+cName.length); if ( document.cookie.substring( x, y ) == cName ) { if ( (endOfCookie=document.cookie.indexOf( ";", y )) == -1 ) endOfCookie = document.cookie.length; return unescape( document.cookie.substring( y, endOfCookie ) ); } x = document.cookie.indexOf( " ", x ) + 1; if ( x == 0 ) break; } return ""; } // header_bg $(window).scroll(function() { var scroll = $(window).scrollTop(); //console.log(scroll); if (scroll >= 170) { //console.log('a'); $(".header_bg").addClass("change"); } else { //console.log('a'); $(".header_bg").removeClass("change"); } }); // top $("#back-top").hide(); $(function () { $(window).scroll(function () { if ($(this).scrollTop() > 100) { $('#back-top').fadeIn(); } else { $('#back-top').fadeOut(); } }); // scroll body to 0px on click $('#back-top a').click(function () { $('body,html').animate({ scrollTop: 0 }, 200); return false; }); }); //menu function menuallopen() { document.getElementById("menu_all_id").style.display = "block"; document.getElementById("menu_all_id").style.opacity = "1"; } function menuallclose() { document.getElementById("menu_all_id").style.display = "none"; document.getElementById("menu_all_id").style.opacity = "0"; } // search $(window).load(function(){ $('.menu_all_sch, .menu_sch_back').click(function(){ $(this).toggleClass('active'); $(".menu_sch_bg").fadeToggle(); }); //상단 배너 닫기 하루동안 열리지 않도록 설정 $(".header_bnn_close").click(function(){ setCookie('Tbannerheader_top_pk','Y', 1); $(".header_bnn_bg").remove(); return; }); }); //--> function goURL(link){ window.location.href= link; } function openURL(link){ if(link != ''){ window.open("about:blank").location.href=link; } } </script> </head> <body> <!--top--> <p id="back-top"><a href="#top">Back To Top</a></p> <!--// top--> <!--header_bg--> <div class="header_bg trans"> <!--header_bnn_bg [D] 해더 배너가 보일경우 스타일값도 같이 보이고 사라질경우도 같이 사라짐, 관리자에 색상 코드값 추가--> <script type="text/javascript"> <!-- //상단 배너 보임 여부 if(getCookie("Tbannerheader_top_pk")=="Y"){ $(".header_bnn_bg").remove(); }else{ $(".header_bnn_bg").show(); } //--> </script> <!--// header_bnn_bg--> <div class="header trans"> <!--menu--> <button type="button" class="menu trans" onclick="menuallopen()"><span class="bar1"></span><span class="bar2"></span><span class="bar3"></span></button> <div class="menu_txt trans">MENU</div> <!--menu_all--> <div id="menu_all_id" class="menu_all trans"> <a href="javascript:void(0)" class="menu_all_close" onclick="menuallclose()">×</a> <a href="#;" class="menu_all_sch trans"></a> <div class="menu_all_con"> <a href="/event/history.php" class=""><span>herald design forum</span></a> <a href="/content/index.php" class=""><span>NEWS</span></a> <a href="/forum/index.php" class=""><span>VIDEO</span></a> <a href="/event/index.php" class=""><span>EVENT</span></a> <!--a href="https://heraldeco.com/index.php" class="" target="_blank"><span>HERALD ECO</span></a--> </div> <div class="menu_all_bottom_bg"> <div class="menu_all_bottom"> <a href="/member/signup.php" id="register" class="menu_all_bottom_txt">SIGN UP</a><div class="menu_all_bottom_line"></div><a href="/member/login.php" id="signin" class="menu_all_bottom_txt">LOGIN</a><div class="menu_all_bottom_line"></div><a href="javascript:jst_hdesign_gologin();" id="mypage" class="menu_all_bottom_txt">MY PAGE</a> </div> </div> </div> <!--// menu_all--> <!--// menu--> <!--menu_sch_bg--> <div class="menu_sch_bg"> <a href="#;" class="menu_sch_back trans"><div class="menu_sch_back_icon"></div>RETURN</a> <div class="sch_bg"> <form name="frmSearch" id="frmSearch" action="../search.php" method="get"> <input type="text" class="" name="q" id="q" placeholder="SEARCH"><button onClick="$('#frmSearch').submit();"></button> </form> </div> </div> <!--// menu_sch_bg--> <a href="/index.php" class="logo trans view_modal_btn2"><img src="https://res.heraldm.com/heralddesign/version02/images/logo_b.png" alt="Herald Design"></a> <!--header_sns--> <ul class="header_sns trans"> <li> <a href="https://www.instagram.com/heralddesign/" target="_blank" class="trans header_sns_in"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"/></svg> </a> </li> <li> <a href="https://www.facebook.com/HeraldDesign" target="_blank" class="trans header_sns_fb"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 264 512"><path d="M76.7 512V283H0v-91h76.7v-71.7C76.7 42.4 124.3 0 193.8 0c33.3 0 61.9 2.5 70.2 3.6V85h-48.2c-37.8 0-45.1 18-45.1 44.3V192H256l-11.7 91h-73.6v229"/></svg> </a> </li> <li> <a href="https://www.youtube.com/channel/UCNXU1ekKb5ak52Uxl4ov-wQ" target="_blank" class="trans header_sns_yt"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path d="M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z"/></svg> </a> </li> <li><a href="/forum_en/index.php"class="trans header_sns_en">ENGLISH</a></li> </ul> <!--// header_sns--> </div> </div> <!--// header_bg--> <!--list_top--> <div id="list_top_img" class="list_top" style="background: url(https://res.heraldm.com/heralddesign/version02/images/list_top_img2.jpg) 50% 0 #999 fixed"><span>news</span></div> <!--// list_top--> <script type="text/javascript"> <!-- $(function() { var $window = $(window); $('.list_top').each(function(index) { var $self = $(this); var offsetCoords = $self.offset(); $(window).scroll(function() { // If this section is in view if (($window.scrollTop() + $window.height()) > offsetCoords.top && ((offsetCoords.top + $self.height()) > $window.scrollTop())) { var yPos = -($window.scrollTop() / 2); if ($self.attr('id') != 'list_top_img') { yPos += 126; } var coords = '50%' + yPos + 'px'; $self.css('backgroundPosition', coords); // Check for other sprites in this section $('.sprite', $self).each(function(index) { var $sprite = $(this); var yPos = -($window.scrollTop() / $sprite.data('speed')) + $sprite.data('offsety'); $sprite.css('top', yPos); }); } }); }); }); //--> </script> <!--view_nav_bg--> <div class="view_nav_bg "> <div class="view_nav"> <a href="/index.php">home</a> <a href="/content/index.php">NEWS</a> </div> </div> <!--// view_nav_bg--> <!--view_bg--> <div class="view_bg"> <div class="view_top_bg"><div class="view_top"><div class="list_tag3">ARCHITECTURE</div>반포 노후 주택단지 붉은 벽돌집, 무채색 도시를 밝히다</div><div class="view_date">2024.03.04</div></div> <!--view_trend--> <div class="view_trend"> <div class="view_trend_top_bg"> <div class="view_trend_top"> <div class="view_trend_top_t1">edit article</div> <div class="view_trend_top_t2">헤럴드디자인</div> <div class="view_forum_r_line"></div> </div> </div> <div class="view_trend_bottom"> <p> <img src="//res.heraldm.com/content/heralddesign/content/content_0_20240304134222_2526.jpg" alt="20231228000389_0.jpg" style="width: 738px; height: 884px" /> </p> <p> </p> <p>네모반듯한 회색빛 콘크리트 건물로 가득찬 반포동 일대 노후 주택 밀집지역에 계단 형태를 띤 붉은 벽돌집이 눈에 띈다. 붉은 요새를 뜻하는 레드 포트리스(Red Fortress)는 ‘오래도록 변치 않는 건물이었으면 한다’는 건축주의 희망이 고스란히 담겼다. 233㎡(약 70평) 규모 대지에 올라선 5층짜리 벽돌집은 7년차 건축 아뜰리에 ‘더코너즈(THE CORNERZ) 건축사사무소’를 거쳐 탄생했다. 지난 20일 홍종화·최경철 더코너즈 건축사사무소 공동소장을 만나 레드 포트리스에 담긴 가치, 설계 과정 등을 전해 들었다.</p> <p> </p> <p>홍 소장은 “반포동 일대를 보면 강남대로변은 휘황찬란한 상업적 건물들이 많지만, 거대한 도로 사이에 껴 있는 블록들은 무채색에 방치된 듯한 노후 주택들이 가득하다”며 “그곳에 저희가 새로운 활력을 넣고 싶다는 생각으로 작업을 시작했다”고 회상했다.</p> <p> </p> <p>레드 포트리스가 만들어지기 전 해당 부지에는 타일집이 자리하고 있었다. 최 소장은 “타일은 탈락이 되거나 훼손될 일이 많다”며 “그래서인지 건축주가 타일보다 오래갈 수 있는 단단한 물성을 갖는 재료를 원했다. 그렇게 붉은 벽돌을 재료로 선택하게 됐다”고 설명했다.</p> <p> </p> <p> </p> <p> <img src="//res.heraldm.com/content/heralddesign/content/content_1_20240304134222_254.jpg" alt="20231228000391_0.jpg" style="width: 960px; height: 640px" /> </p> <p> </p> <p> </p> <p>통상 다세대 주택을 비롯한 공동주택을 만들 때에는 정북 방향의 일조권 사선제한(정북일조)이 적용된다. 머릿속에 다세대 주택을 떠올리면 일률적인 주택 이미지가 연상되는 이유이기도 하다. 이들은 오히려 정북일조가 더코너즈건축사사무소에게는 새로운 기회이자 힌트가 됐다고 말한다. 홍 소장은 “반포동 일대 대부분의 건물들이 위로 올라갈수록 사선 형태를 띤다”며 “기형적 도시 형상을 만드는 법적 사항이 있는데 이를 어떻게 극복할 것이냐가 고민이었다. 저희는 사선이 불필요하다고 생각했고 반듯한 형상으로 층마다 건물이 밀려 나가는 식이라면 그 앞에 남겨진 공간을 주택 거주자에게 외부 공간으로 내어줄 수 있다는 생각을 했다”고 말했다.</p> <p> </p> <p>근린생활시설인 지하 1층~1층, 주택인 2층~5층 모두 층마다 두 소장의 세심한 고민이 묻어났다. 홍 소장은 “모든 층마다 장점이 하나씩은 있어야 한다고 생각한다”며 “지하 1층은 보통 어두워서 임대가 잘 안나가고 임대료도 낮은 편인데 개방형 지하(선큰) 구조를 통해 밝게 활용할 수 있도록 했다”고 했다. 이어 “1층에도 자투리 공간을 정원으로 만들고, 2층~5층은 각 층마다 야외 테라스를 설치했다”며 “각 층마다 다른 이야기가 있고 장점이 극대화될 수 있도록 작업했다”고 덧붙였다.</p> <p> </p> <p>이러한 설계, 건축 과정을 통해 더코너즈건축사사무소는 레드 포트리스 준공 이후에도 건축주, 시공사와 매달 술잔을 기울이는 사이가 됐다. 그만큼 ‘합’이 좋았다는 뜻이다. 홍 소장은 “건축주, 시공사, 설계사가 한 뜻이 된다는 게 쉽지 않은데 지금까지 작업한 프로젝트 중 유일하게 레드 포트리스가 삼위일체됐던 작업”이라며 “보통 건물이 지어지는 데 2년 정도의 시간이 필요하다. 기간이 길기 때문에 과정이 중요한 것”이라고 말했다.</p> <p> </p> <p>이렇게 만들어진 레드 포트리스는 올해 서초구청으로부터 ‘서초건축상’ 우수상을 수상하기도 했다. 최 소장은 “보통 건축상이라고 하면 규모가 큰 건물, 문화시설 등이 많이 수상하게 된다”며 “레드 포트리스는 다세대 건축이라는 점에서 수상 의미가 크다”고 말했다.</p> <p> </p> <p>홍 소장은 “작은 건물은 여지가 없다”며 “서초, 강남 등의 기본적 필지 규모가 231㎡(70평) 내외이고 다세대 주택은 정주 공간이라 규격화된 사이즈가 정해져 있어 건축가의 의도를 갖고 보여줄 수 있는 부분이 힘들다. 그럼에도 시 요구사항, 건축주 요구사항을 모두 반영해 하나의 이야기로 끌고 나간 점을 높게 평가해주신 게 아닐까 싶다”고 했다.</p> <p> </p> <p> </p> <p> <img src="//res.heraldm.com/content/heralddesign/content/content_2_20240304134222_4995.jpg" alt="20231228000392_0.jpg" style="width: 960px; height: 768px" /> </p> <p> </p> <p> </p> <p>서울 강서구 가양동 임대아파트 단지 내 관리동을 도서관으로 탈바꿈시킨 ‘여행도서관’도 더코너즈건축사사무소를 대표하는 프로젝트 중 하나다. 지하는 기계 전기실, 1층은 경로당과 관리사무소, 2층은 폐업해 방치된 독서실이 있던 관리동을 도서관으로 리모델링했다. 홍 소장은 “서울시, 서울주택도시공사(SH) 등 여러 주체가 참여한 도시재생 프로젝트의 일환으로 진행된 여행 도서관은 8개의 날개 형상을 한 타공패널이 건물을 감싸는 형태”라며 “마치 떠다니는 종이배의 돛 같기도 하고, 이제 막 꽃을 피우려 하는 꽃봉우리처럼 만들어 희망과 꿈을 가진 공간으로 변신시키자는 의도를 담았다”고 말했다.</p> <p> </p> <p>최 소장은 “형태적 모호성이 돋보이는 작품”이라며 “각자마다 같은 형태를 보고도 다른 걸 상상하게 되는데 건축이 갖고 있는 그러한 묘미를 담은 건축물”이라고 말했다.</p> <p> </p> <p>더코너즈건축사사무소는 도서관, 학교, 놀이터 등 다양한 공공 프로젝트 공모에 꾸준히 도전하고 있다. 최 소장은 “공공 프로젝트를 하면 소수의 사람들만을 위한 공간이 아니라 많은 시민을 위한 공간을 만들게 되는데 그 안에서 다양한 건축의 이야기를 풀어낼 수 있다”고 했다. 홍 소장 또한 “공공 프로젝트는 건축가에게 공공적 성격을 다룰 수 있는 기회, 안정적으로 사무실을 운영할 수 있는 기회, 경쟁을 통한 자기 발전의 기회를 준다”며 “사무소에 일이 많이 들어오게 되면 자기 복제를 많이들 하게 된다. 공공 프로젝트는 경쟁을 통해 디자인 역량을 확인하는 기회”라고 강조했다.</p> <p> </p> <p>이들은 민간 프로젝트를 진행하게 되더라도 ‘공공성’을 염두에 둔다는 설명이다. 홍 소장은 “단순히 사무소를 운영하기 위한 설계비를 벌기 위해 건축을 하는 게 아니라 도시와 건축을 위해 건축가들이 해야할 사회적 책임과 역할이 있다고 본다”며 “저희와 생각이 비슷한 건축주분들과 작업을 하려고 한다”고 말했다. 그러면서 “‘나의 건물로 인해 이 동네 혹은 도시가 조금이라도 바뀌었으면 좋겠다’ 이런 생각을 가진 분들과 작업하고 싶다”고 했다.</p> <p> </p> <p>더 나은 동네, 더 나은 도시를 만들기 위해 고군분투하고 있는 더코너즈건축사사무소가 추구하는 건축 철학은 ‘모든 관계를 환대하는 건물을 만든다’는 것이다. 홍 소장은 “코너 즉, 모서리가 만들어지려면 서로 다른 방향의 것들이 모여 만나야 한다. 건축 또한 서로 다른 관계의 사람들이 모여 만들어지는 것이라고 생각했다”며 “더코너즈는 관계의 접점에서 어떤 자세로 작업을 해야할지를 고민하는 것”이라고 말했다.</p> <p> </p> <p>건축을 위한 영감도 그 공간을 사용해야 할 사람으로부터 얻는다. 홍 소장은 “건축은 갑자기 건물이 만들어지는 게 아니라 그곳에 살아야 할 사람의 공간을 만들기 위한 고민이 굉장히 많이 필요하다”며 “저는 항상 사람의 행동, 행위 등 사람 관찰을 통해 영감을 얻는다”고 했다. 더불어 최 소장은 “사회 현상도 중요히 여기는 요인 중 하나”라며 “사회가 달라지면 라이프스타일이 변화하고 건축에도 영향을 미친다. 그런 부분들을 면밀히 보려고 하는 편”이라고 말했다.</p> <p> </p> <p>이 같은 가치관을 바탕으로 사무소를 이끌어가고 있는 두 소장은 ‘이야기를 만들어내는 건축가’, ‘의도가 잘 담긴 공간을 구현하는 건축가’가 되고 싶다고 말한다. 홍 소장은 “젊은 건축가인 저희가 어떤 건축가로 남고 싶다고 섣불리 말하기 어려운 것 같다”면서도 “건물을 봤을 때 ‘예쁘다’는 반응보다는 ‘왜 이렇게 지어졌는지 알 것 같아’, ‘더코너즈가 작업한 건축물같네’ 이런 반응을 듣고 싶다. 색깔이 분명히 있고 특별한 이야기를 만들어낼 수 있는 건축을 하고 싶다”고 했다.</p> <p> </p> <p>최 소장은 “레드 포트리스에도 각각의 층마다 다른 이야기들이 있고 그런 부분이 거주하는 분들에게 영향을 주게 된다”며 “그런 측면에서 건축의 의도가 섬세하게 곳곳에 담긴 건물을 만들면 좋겠다는 생각을 한다”고 말했다.</p> <p> </p> <p>신혜원 기자 / hwshin@heraldcorp.com</p> <p> 원문가기 >> <a href="http://https://biz.heraldcorp.com/view.php?ud=20231228000398" target="_blank">클릭</a> </p> </div> <dl class="view_dl1"> <dt>share</dt> <dd> <a href="javascript:sns_facebook();" class="view_dl1_sns_fb"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 264 512"><path d="M76.7 512V283H0v-91h76.7v-71.7C76.7 42.4 124.3 0 193.8 0c33.3 0 61.9 2.5 70.2 3.6V85h-48.2c-37.8 0-45.1 18-45.1 44.3V192H256l-11.7 91h-73.6v229"/></svg></a> <a href="#" class="view_dl1_sns_mail" id="myBtn"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M0 3v18h24v-18h-24zm21.518 2l-9.518 7.713-9.518-7.713h19.036zm-19.518 14v-11.817l10 8.104 10-8.104v11.817h-20z"/></svg></a> </dd> </dl> </div> <!--// view_trend--> <div class="btn_bg"><a href="index.php?btype=ALL" class="btn_1"><span class="trans">LIST VIEW</span></a></div> <ul class="view_list"> <li><span>이전글</span><a href="view.php?btype=ALL&no=993" class="ellipsis"><div class="list_tag3">ARCHITECTURE</div>절벽으로 단절됐던 후암동 마을…‘길’을 내어준 건축물에 사람이 모인다</a></li> <li><span>다음글</span><a href="view.php?btype=ALL&no=991" class="ellipsis"><div class="list_tag2">DESIGN</div>비주류가 선사한 디자인에 열광하다 [헤럴드디자인포럼2023]</a></li> </ul> </div> <!--// view_bg--> <!--email_modal--> <form name="frmSend" id="frmSend"> <input type="hidden" name="pk" id="pk" value="992" /> <input type="hidden" name="section_tb" value="hd_content" /> <input type="hidden" name="title" id="title" value="반포 노후 주택단지 붉은 벽돌집, 무채색 도시를 밝히다" /> <input type="hidden" name="mail_key" value="T1RreWQzZDNMbWhsY21Gc1pHUmxjMmxuYmk1amJ5NXJjamd5TWpJeU1EZ3hORFk9" /> <input type="hidden" name="link" type="hidden" value="https%3A%2F%2Fwww.heralddesign.co.kr%2Fcontent%2Fview.php%3Fno%3D992%26btype%3DALL" /> <div id="myModal" class="email_modal"> <div class="email_modal_con"> <span class="email_modal_close"></span>이메일로 공유하기 <div class="email_modal_link_bg"> <a href="https://www.heralddesign.co.kr/content/view.php?no=992&btype=ALL" target="_blank" class="email_modal_link_l">원문URL</a> <div class="ellipsis email_modal_link_r">https://www.heralddesign.co.kr/content/view.php?no=992&btype=ALL</div> </div> <div class="email_modal_link_tit">보내는 분 이름 / 이메일 주소</div> <div style="margin:0 39px"> <input type="text" name="send_name" id="send_name" class="join_intype1" style="width:117px; float:left" placeholder="이름"> <div class="join_at">/</div> <input type="text" name="send_mail" id="send_mail" class="join_intype1" style="width:277px" placeholder="이메일 주소"> </div> <div class="email_modal_link_tit">받는 분 이메일 주소</div> <input type="email" name="receive_mail" id="receive_mail" placeholder="이메일 주소" class="email_modal_link_intype"> <div class="email_modal_link_tit">추가내용</div> <textarea placeholder="내용" name="contents" id="contents" class="email_modal_link_intype"></textarea> <div class="btn_bg"> <a href="javascript:mailClose();" class="email_modal_link_btn1">취소</a> <a href="javascript:mailSendlCheck();" class="email_modal_link_btn2">보내기</a> </div> </div> </div></form> <script> var modal = document.getElementById('myModal'); var btn = document.getElementById("myBtn"); var span = document.getElementsByClassName("email_modal_close")[0]; btn.onclick = function() { modal.style.display = "block"; return false; } span.onclick = function() { modal.style.display = "none"; } window.onclick = function(event) { if (event.target == modal) { mailClose(); } } function mailClose(){ $('#send_name').val(''); $('#send_mail').val(''); $('#receive_mail').val(''); $('#contents').val(''); modal.style.display = "none"; } function mailSendlCheck(){ var email_regexp = /^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/; if(!$("#send_name").val()){ alert("보내는 사람 이름을 입력 해주세요"); $("#send_name").focus(); return; } if(!$("#send_mail").val()){ alert("보내는 사람 이메일 주소를 입력 해주세요"); $("#send_mail").focus(); return; } if(!email_regexp.test($("#send_mail").val())) { alert('받는 사람 이메일을 형식에 맞게 입력해주세요.'); $("#send_mail").focus(); return; } if(!$("#receive_mail").val()){ alert("받는 사람 이메일 주소를 입력 해주세요"); $("#receive_mail").focus(); return; } if(!email_regexp.test($("#receive_mail").val())) { alert('받는 사람 이메일을 형식에 맞게 입력해주세요.'); $("#receive_mail").focus(); return; } $.ajax({ type: "post", url: "/common/mail_send_action.php", dataType : "json", data: 'mode=send&'+$("#frmSend").serialize(), timeout : 3000, async: true, error:function(jqXHR,textStatus,errorThrown){ if(textStatus==="timeout") alert("접속시간이 초과되었습니다. 다시 시도해주세요."); //else alert("잠시 오류가 발생하였습니다. 에러코드 : "+textStatus); }, success: function(result){ if(result.code=="1"){ alert(result.msg); mailClose(); //self.close(); }else{ alert(result.msg); //self.close(); } } }); } </script> <!--email_modal--> <!--footer--> <div class="footer"> <div class="footer_bg"> <div class="footer_l"> <ul class="footer_l_li1"> <li><a href="/about/forum.php">ABOUT US</a> <!--ul class="footer_l_li1_menu"> <li><a href="/about/index.php">ABOUT US</a></li> <li><a href="/about/forum.php">About Herald Design Forum</a></li> <li><a href="/about/ceo.php">ceo message</a></li> </ul--> </li> <li><a href="/common/newsletter.php" class="">NEWSLETTER</a></li> <li><a href="/common/agreement_tour.php" class="">여행약관</a></li> <li><a href="/common/agreement.php" class="">이용약관</a></li> <li><a href="/common/privacy.php" class="on">개인정보처리방침</a></li> <li><a href="/common/email_privacy.php" class="">이메일주소무단수집거부</a></li> <li><a href="/common/qna.php" class="">문의</a></li> </ul> <div class="footer_l_bottom"> <span>상호명 : (주)헤럴드</span> <span>대표 : 최진영</span> <span>사업장소재지 : 서울 용산구 후암로4길 10</span> <span>사업자등록번호 104-81-06004</span> <span>통신판매업신고번호 제 2016-서울용산-00590호</span> <a href="javascript:busino_open();">사업자 정보 확인</a> <span>고객센터 : 02-727-0044/0043</span> <span>이메일 : design@heraldcorp.com</span> <span>개인정보관리책임자 : 안주영</span> <span>관광사업자 등록번호 : 제2017-000030호</span> <span>영업보증보험 : 2억원 가입</span> <span>모든 콘텐츠는 저작권법의 보호를 받으며, 무단 전재ㆍ복사ㆍ배포를 금합니다.</span><br><br> <span>COPYRIGHT HERALD CORPORATION ALL RIGHTS RESERVED.</span> </div> </div> <div class="footer_r"> <div class="footer_sel"> <label for="ex_select">FAMILY SITE</label> <select id="ex_select" onchange="openURL(this.value);"> <option value="">FAMILY SITE</option> <option value="http://biz.heraldcorp.com/">헤럴드경제</option> <option value="http://www.koreaherald.com/">코리아헤럴드</option> <option value="http://pop.heraldcorp.com/">헤럴드POP</option> <option value="http://www.kpopherald.com/">K-POP헤럴드</option> <option value="http://www.realfoods.co.kr/">리얼푸드</option> <option value="https://heraldeco.com/">헤럴드에코</option> <option value="http://www.theinvestor.co.kr/">더인베스터</option> </select> </div> <ul class="header_sns"> <li> <a href="https://www.instagram.com/heralddesign/" target="_blank" class="trans header_sns_in"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"/></svg> </a> </li> <li> <a href="https://www.facebook.com/HeraldDesign" target="_blank" class="trans header_sns_fb"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 264 512"><path d="M76.7 512V283H0v-91h76.7v-71.7C76.7 42.4 124.3 0 193.8 0c33.3 0 61.9 2.5 70.2 3.6V85h-48.2c-37.8 0-45.1 18-45.1 44.3V192H256l-11.7 91h-73.6v229"/></svg> </a> </li> <li> <a href="https://www.youtube.com/channel/UCNXU1ekKb5ak52Uxl4ov-wQ" target="_blank" class="trans header_sns_yt"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path d="M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z"/></svg> </a> </li> </ul> </div> </div> </div> <!--// footer--> <script type="text/javascript"> <!-- $(document).ready(function(){ var selectTarget = $('.footer_sel select'); selectTarget.on('blur', function(){ $(this).parent().removeClass('focus'); }); selectTarget.change(function(){ var select_name = $(this).children('option:selected').text(); $(this).siblings('label').text(select_name); }); }); //--> </script> <script type="text/javascript" src="//wcs.naver.net/wcslog.js"></script> <script type="text/javascript"> if(!wcs_add) var wcs_add = {}; wcs_add["wa"] = "395e1586a582b8"; wcs_do(); </script> <script> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','https://www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-84987537-1', 'auto'); ga('send', 'pageview'); </script> <script language="JavaScript"> function busino_open() { var url = "http://www.ftc.go.kr/bizCommPop.do?wrkr_no="+frm1.wrkr_no.value; window.open(url, "bizCommPop", "width=750, height=700;"); } </script> <form name="frm1"> <input name="wrkr_no" type="text" value="1048106004"/> </form> <!-- // AceCounter --> <!--환경변수 설정--> <script type="text/javascript"> <!-- var _GCD = 'heralddesign'; // 사이트 구분 코드 var _AceTitle = 'Home'; // 기사타이틀 var _aid = 'heralddesign'; // 기사아이디 var _aname = ''; // 기자명 var _atype = '미분류'; // 기사 분류 var _pd = ''; // 기사 생성 일시 if(typeof _GUL == 'undefined') { var _GUL = 'acelogger.heraldcorp.com'; var _GPT='80'; var _SGPT='443'; var _AIMG = new Image(); var _bn=navigator.appName; var _PR = location.protocol=="https:"?"https://"+_GUL+":"+_SGPT:"http://"+_GUL+":"+_GPT; if( _bn.indexOf("Netscape") > -1 || _bn=="Mozilla") { setTimeout("_AIMG.src = _PR+'/?cookie';",1); } else{ _AIMG.src = _PR+'/?cookie'; }; document.writeln("<scr"+"ipt language='javascript' src='//res.heraldm.com/js/acecounter_V2022.js'></scr"+"ipt>"); } //--> </script> <script>var _YNXGOODS_TYPE_="156"; var _YNXGOODS_ID_ = "heralddesign"; var _YNXGOODS_TITLE_ ="Home";</script> <script type='text/javascript' src='//hlogger.heraldcorp.com/logger/loggerjs.yjs'></script> </body> </html>