Back To Top
×
herald design forum
NEWS
VIDEO
EVENT
SIGN UP
LOGIN
MY PAGE
RETURN
EN
video
home
VIDEO
ALL
optimism
2025.07.24
<dl class="view_dl1"> <dt>speaker</dt> <dd>안 라카통 & 장 필리프 바살ㆍAnne LACATON & Jean Philippe VASSAL</dd> </dl> <dl class="view_dl1"> <dt>filmed</dt> <dd>2024.10.08</dd> </dl> <div class="view_forum_r_line"></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> </div> <!--view_forum--> <!--view_tab_bg--> <script> $(document).ready (function () { $('.view_tab_bg>.view_tab').children().css('display', 'none'); $('.view_tab_bg>.view_tab div:first-child').css('display', 'block'); $('.view_tab_bg>.view_tab_top li:first-child').addClass('on'); $('.view_tab_bg').delegate('.view_tab_top>li', 'click', function() { var index = $(this).parent().children().index(this); $(this).siblings().removeClass(); $(this).addClass('on'); $(this).parent().next('.view_tab').children().hide().eq(index).show(); }); }); </script> <div class="view_tab_bg"> <ul class="view_tab_top"> <li><a href="javascript:;" class="tit">주요내용</a></li> </ul> <div class="view_tab"> <div class="view_tab_cont"> <p style='font-family: Montserrat, "Noto Sans", "San Francisco", "Myriad Set Pro", "Lucida Grande", "Helvetica Neue", Helvetica, AppleSDGothicNeo, "Droid sans", MalgumGothic, "HY Dotum", dotum, "Lexi Gulim", Arial, Verdana, "sans-serif"; padding: 0px; border: 0px; font-size: 16px; text-size-adjust: 100%; vertical-align: baseline; color: #666666; letter-spacing: -0.2px'> <b><u><span style="margin: 0px; padding: 0px; border: 0px; text-size-adjust: 100%; vertical-align: baseline; font-size: 12px">안 라카통 & 장 필리프 바살(Anne LACATON & Jean Philippe VASSAL)</span></u></b> </p> <p style='font-family: Montserrat, "Noto Sans", "San Francisco", "Myriad Set Pro", "Lucida Grande", "Helvetica Neue", Helvetica, AppleSDGothicNeo, "Droid sans", MalgumGothic, "HY Dotum", dotum, "Lexi Gulim", Arial, Verdana, "sans-serif"; padding: 0px; border: 0px; font-size: 16px; text-size-adjust: 100%; vertical-align: baseline; color: #666666; letter-spacing: -0.2px'> <span style="margin: 0px; padding: 0px; border: 0px; text-size-adjust: 100%; vertical-align: baseline; font-size: 12px"><b><u>라카통 & 바살 건축사사무소 건축가, 2021년 프리츠커상 수상자</u></b></span> </p> <p style='font-family: Montserrat, "Noto Sans", "San Francisco", "Myriad Set Pro", "Lucida Grande", "Helvetica Neue", Helvetica, AppleSDGothicNeo, "Droid sans", MalgumGothic, "HY Dotum", dotum, "Lexi Gulim", Arial, Verdana, "sans-serif"; padding: 0px; border: 0px; font-size: 16px; text-size-adjust: 100%; vertical-align: baseline; color: #666666; letter-spacing: -0.2px'> <span style="font-size: 12px"> </span> </p> <p style='font-family: Montserrat, "Noto Sans", "San Francisco", "Myriad Set Pro", "Lucida Grande", "Helvetica Neue", Helvetica, AppleSDGothicNeo, "Droid sans", MalgumGothic, "HY Dotum", dotum, "Lexi Gulim", Arial, Verdana, "sans-serif"; padding: 0px; border: 0px; font-size: 16px; text-size-adjust: 100%; vertical-align: baseline; color: #666666; letter-spacing: -0.2px'> <span style="font-size: 12px">파리에 본사를 둔 라카통 & 바살 건축사사무소는 국제적으로 활동하며, 공공 건축물, 주택, 도시 계획 업무를 수행하고 있다. 모든 프로젝트는 관대함과 경제성의 원칙을 바탕으로 생활, 용도, 예산에 맞게 진행하며, 표준규범을 변화시키고 지속 가능성과 사회적 영향을 달성하는 것을 목표로 한다. 기후와 기존 건축 요소들을 존중하며, 철거 대신 재사용하고 변형하는 것 또한 라카통 & 바살 건축사사무소가 중시하는 원칙이다.</span> </p> <p style='font-family: Montserrat, "Noto Sans", "San Francisco", "Myriad Set Pro", "Lucida Grande", "Helvetica Neue", Helvetica, AppleSDGothicNeo, "Droid sans", MalgumGothic, "HY Dotum", dotum, "Lexi Gulim", Arial, Verdana, "sans-serif"; padding: 0px; border: 0px; font-size: 16px; text-size-adjust: 100%; vertical-align: baseline; color: #666666; letter-spacing: -0.2px'> <span style="font-size: 12px"> </span> </p> <p style='font-family: Montserrat, "Noto Sans", "San Francisco", "Myriad Set Pro", "Lucida Grande", "Helvetica Neue", Helvetica, AppleSDGothicNeo, "Droid sans", MalgumGothic, "HY Dotum", dotum, "Lexi Gulim", Arial, Verdana, "sans-serif"; padding: 0px; border: 0px; font-size: 16px; text-size-adjust: 100%; vertical-align: baseline; color: #666666; letter-spacing: -0.2px'> <span style="font-size: 12px">완공된 주요 프로젝트로는 파리 현대 미술관인 팔레 드 도쿄, 낭트 건축학교, 프랑스 덩케르크의 현대미술 컬렉션인 FRAC(Fonds régional d'art contemporain), 프랑스 보르도의 경제, 경영, 경제사회행정학부와 주요 주택 프로젝트: 보르도 라타피 하우스, 뮐르즈와 파리 지역의 공공 주택인 “시테 매니페스트”, 파리와 보르도 지역의 변형된 모더니스트 공공 주택 블록, 제네바의 주택 타워 블록 등이 있다.</span> </p> <p style='font-family: Montserrat, "Noto Sans", "San Francisco", "Myriad Set Pro", "Lucida Grande", "Helvetica Neue", Helvetica, AppleSDGothicNeo, "Droid sans", MalgumGothic, "HY Dotum", dotum, "Lexi Gulim", Arial, Verdana, "sans-serif"; padding: 0px; border: 0px; font-size: 16px; text-size-adjust: 100%; vertical-align: baseline; color: #666666; letter-spacing: -0.2px'> <span style="font-size: 12px"> </span> </p> <p style='font-family: Montserrat, "Noto Sans", "San Francisco", "Myriad Set Pro", "Lucida Grande", "Helvetica Neue", Helvetica, AppleSDGothicNeo, "Droid sans", MalgumGothic, "HY Dotum", dotum, "Lexi Gulim", Arial, Verdana, "sans-serif"; padding: 0px; border: 0px; font-size: 16px; text-size-adjust: 100%; vertical-align: baseline; color: #666666; letter-spacing: -0.2px'> <span style="font-size: 12px">현재는 독일 함부르크의 캄프나겔 극장 개보수, 파리의 과거 생 빈센트 드 폴 병원 건물의 주택 전환 작업, 사우디 아라비아 알울라에 위치한 사우디-프랑스 예술가 거주지이자 문화 센터인 빌라 헤그라 리모델링 프로젝트 등이 진행중이다. </span> </p> <p style='font-family: Montserrat, "Noto Sans", "San Francisco", "Myriad Set Pro", "Lucida Grande", "Helvetica Neue", Helvetica, AppleSDGothicNeo, "Droid sans", MalgumGothic, "HY Dotum", dotum, "Lexi Gulim", Arial, Verdana, "sans-serif"; padding: 0px; border: 0px; font-size: 16px; text-size-adjust: 100%; vertical-align: baseline; color: #666666; letter-spacing: -0.2px'> <span style="font-size: 12px"> </span> </p> <p style='font-family: Montserrat, "Noto Sans", "San Francisco", "Myriad Set Pro", "Lucida Grande", "Helvetica Neue", Helvetica, AppleSDGothicNeo, "Droid sans", MalgumGothic, "HY Dotum", dotum, "Lexi Gulim", Arial, Verdana, "sans-serif"; padding: 0px; border: 0px; font-size: 16px; text-size-adjust: 100%; vertical-align: baseline; color: #666666; letter-spacing: -0.2px'> <span style="font-size: 12px">안 라카통과 장 필리프 바살은 2021년 프리츠커상을 수상했으며, 유럽연합 현대 건축상인 미스 반 데어 로에 상(2019), 글로벌지속가능건축상(2018), 벨룩스 재단 데이라이트 및 건축 구성요소상(2011), 프랑스 건축 그랑프리(2008) 등 다수의 상을 수상했다.</span> </p> <p style='font-family: Montserrat, "Noto Sans", "San Francisco", "Myriad Set Pro", "Lucida Grande", "Helvetica Neue", Helvetica, AppleSDGothicNeo, "Droid sans", MalgumGothic, "HY Dotum", dotum, "Lexi Gulim", Arial, Verdana, "sans-serif"; padding: 0px; border: 0px; font-size: 16px; text-size-adjust: 100%; vertical-align: baseline; color: #666666; letter-spacing: -0.2px'> <span style="font-size: 12px"> </span> </p> <p style='font-family: Montserrat, "Noto Sans", "San Francisco", "Myriad Set Pro", "Lucida Grande", "Helvetica Neue", Helvetica, AppleSDGothicNeo, "Droid sans", MalgumGothic, "HY Dotum", dotum, "Lexi Gulim", Arial, Verdana, "sans-serif"; padding: 0px; border: 0px; font-size: 16px; text-size-adjust: 100%; vertical-align: baseline; color: #666666; letter-spacing: -0.2px'> <span style="font-size: 12px"> </span> </p> <p style='text-align: left; font-family: Montserrat, "Noto Sans", "San Francisco", "Myriad Set Pro", "Lucida Grande", "Helvetica Neue", Helvetica, AppleSDGothicNeo, "Droid sans", MalgumGothic, "HY Dotum", dotum, "Lexi Gulim", Arial, Verdana, "sans-serif"; padding: 0px; border: 0px; font-size: 16px; text-size-adjust: 100%; vertical-align: baseline; color: #666666; letter-spacing: -0.2px'> <b><span style="margin: 0px; padding: 0px; border: 0px; text-size-adjust: 100%; vertical-align: baseline; font-size: 12px"><span style="margin: 0px; padding: 0px; border: 0px; text-size-adjust: 100%; vertical-align: baseline; color: #0066cc">낙관주의</span></span></b> </p> <p style='text-align: left; font-family: Montserrat, "Noto Sans", "San Francisco", "Myriad Set Pro", "Lucida Grande", "Helvetica Neue", Helvetica, AppleSDGothicNeo, "Droid sans", MalgumGothic, "HY Dotum", dotum, "Lexi Gulim", Arial, Verdana, "sans-serif"; padding: 0px; border: 0px; font-size: 16px; text-size-adjust: 100%; vertical-align: baseline; color: #666666; letter-spacing: -0.2px'> <b><span style="margin: 0px; padding: 0px; border: 0px; text-size-adjust: 100%; vertical-align: baseline; font-size: 12px"><span style="margin: 0px; padding: 0px; border: 0px; text-size-adjust: 100%; vertical-align: baseline; color: #0066cc">optimism</span></span></b> </p> <p style='font-family: Montserrat, "Noto Sans", "San Francisco", "Myriad Set Pro", "Lucida Grande", "Helvetica Neue", Helvetica, AppleSDGothicNeo, "Droid sans", MalgumGothic, "HY Dotum", dotum, "Lexi Gulim", Arial, Verdana, "sans-serif"; padding: 0px; border: 0px; font-size: 16px; text-size-adjust: 100%; vertical-align: baseline; color: #666666; letter-spacing: -0.2px'> <span style="font-size: 12px"><b> </b></span> </p> <p style='font-family: Montserrat, "Noto Sans", "San Francisco", "Myriad Set Pro", "Lucida Grande", "Helvetica Neue", Helvetica, AppleSDGothicNeo, "Droid sans", MalgumGothic, "HY Dotum", dotum, "Lexi Gulim", Arial, Verdana, "sans-serif"; padding: 0px; border: 0px; font-size: 16px; text-size-adjust: 100%; vertical-align: baseline; color: #666666; letter-spacing: -0.2px'> <span style="font-size: 12px"> </span> </p> <p style='font-family: Montserrat, "Noto Sans", "San Francisco", "Myriad Set Pro", "Lucida Grande", "Helvetica Neue", Helvetica, AppleSDGothicNeo, "Droid sans", MalgumGothic, "HY Dotum", dotum, "Lexi Gulim", Arial, Verdana, "sans-serif"; padding: 0px; border: 0px; font-size: 16px; text-size-adjust: 100%; vertical-align: baseline; color: #666666; letter-spacing: -0.2px'> <span style="font-size: 12px">이번 강연에서는 스튜디오의 가장 중요한 프로젝트들을 소개할 예정이다. 이 프로젝트들은 지속적인 과정의 일부로서 진행된다. 반복적으로 등장하는 주제와 질문들을 매번 재검토하며, 장소의 맥락과 주민들, 그리고 그 장소에 가치를 부여하는 기존 요소들을 고려해 방향성을 조정하는 과정을 거친다.</span> </p> <p style='font-family: Montserrat, "Noto Sans", "San Francisco", "Myriad Set Pro", "Lucida Grande", "Helvetica Neue", Helvetica, AppleSDGothicNeo, "Droid sans", MalgumGothic, "HY Dotum", dotum, "Lexi Gulim", Arial, Verdana, "sans-serif"; padding: 0px; border: 0px; font-size: 16px; text-size-adjust: 100%; vertical-align: baseline; color: #666666; letter-spacing: -0.2px'> <span style="font-size: 12px"> </span> </p> <p style='font-family: Montserrat, "Noto Sans", "San Francisco", "Myriad Set Pro", "Lucida Grande", "Helvetica Neue", Helvetica, AppleSDGothicNeo, "Droid sans", MalgumGothic, "HY Dotum", dotum, "Lexi Gulim", Arial, Verdana, "sans-serif"; padding: 0px; border: 0px; font-size: 16px; text-size-adjust: 100%; vertical-align: baseline; color: #666666; letter-spacing: -0.2px'> <span style="font-size: 12px">1) 거주: 거주란 기능적 측면을 넘어, 공간을 점유하는 기쁨, 너그러움 뿐만 아니라 자유와도 연결된다. 거주자에게 자유로운 이동과 개인화, 기분 전환의 가능성을 제공함으로써 삶을 더욱 충만하게 만드는 기회를 창출한다. 주거의 질은 도시 개발 전략의 기초다.</span> </p> <p style='font-family: Montserrat, "Noto Sans", "San Francisco", "Myriad Set Pro", "Lucida Grande", "Helvetica Neue", Helvetica, AppleSDGothicNeo, "Droid sans", MalgumGothic, "HY Dotum", dotum, "Lexi Gulim", Arial, Verdana, "sans-serif"; padding: 0px; border: 0px; font-size: 16px; text-size-adjust: 100%; vertical-align: baseline; color: #666666; letter-spacing: -0.2px'> <span style="font-size: 12px"> </span> </p> <p style='font-family: Montserrat, "Noto Sans", "San Francisco", "Myriad Set Pro", "Lucida Grande", "Helvetica Neue", Helvetica, AppleSDGothicNeo, "Droid sans", MalgumGothic, "HY Dotum", dotum, "Lexi Gulim", Arial, Verdana, "sans-serif"; padding: 0px; border: 0px; font-size: 16px; text-size-adjust: 100%; vertical-align: baseline; color: #666666; letter-spacing: -0.2px'> <span style="font-size: 12px">2) 넉넉한 공간: 넓은 공간은 필수적인 감각인 자유로움과 해방감을 제공한다. 이러한 공간은 공간활용을 촉진하고, 관계 형성에 기여하며, 즐거운 환경을 조성하고, 사회적 생활을 증진시킨다. 동일한 예산으로 더 큰 생활 공간을 제공한다면 새로운 자유와 생활 방식을 창출할 수 있을 뿐 아니라, 다양한 고밀도화 프로젝트를 뒷받침할 수 있다.</span> </p> <p style='font-family: Montserrat, "Noto Sans", "San Francisco", "Myriad Set Pro", "Lucida Grande", "Helvetica Neue", Helvetica, AppleSDGothicNeo, "Droid sans", MalgumGothic, "HY Dotum", dotum, "Lexi Gulim", Arial, Verdana, "sans-serif"; padding: 0px; border: 0px; font-size: 16px; text-size-adjust: 100%; vertical-align: baseline; color: #666666; letter-spacing: -0.2px'> <span style="font-size: 12px"> </span> </p> <p style='font-family: Montserrat, "Noto Sans", "San Francisco", "Myriad Set Pro", "Lucida Grande", "Helvetica Neue", Helvetica, AppleSDGothicNeo, "Droid sans", MalgumGothic, "HY Dotum", dotum, "Lexi Gulim", Arial, Verdana, "sans-serif"; padding: 0px; border: 0px; font-size: 16px; text-size-adjust: 100%; vertical-align: baseline; color: #666666; letter-spacing: -0.2px'> <span style="font-size: 12px">3) 기존 환경: 기존 환경(식물, 용도, 전망, 건물 등)은 모든 프로젝트의 기초를 제공한다. 모든 장소는 신중히 관찰되고, 드러내고, 보존되어야 할 가치를 가지고 있다. 우리는 항상 기존 구조를 확장할 때 가능한 한 세심하게 그리고 눈에 너무 띄지 않는 방식으로 진행하려고 노력한다. 처음부터 모든 것을 새롭게 시작하는 것보다 기존 구조를 확장하고 개선하는 것이 더 효율적이다. 비용 절감과 효율성의 원천이기도 하다.</span> </p> <p style='font-family: Montserrat, "Noto Sans", "San Francisco", "Myriad Set Pro", "Lucida Grande", "Helvetica Neue", Helvetica, AppleSDGothicNeo, "Droid sans", MalgumGothic, "HY Dotum", dotum, "Lexi Gulim", Arial, Verdana, "sans-serif"; padding: 0px; border: 0px; font-size: 16px; text-size-adjust: 100%; vertical-align: baseline; color: #666666; letter-spacing: -0.2px'> <span style="font-size: 12px"> </span> </p> <p style='font-family: Montserrat, "Noto Sans", "San Francisco", "Myriad Set Pro", "Lucida Grande", "Helvetica Neue", Helvetica, AppleSDGothicNeo, "Droid sans", MalgumGothic, "HY Dotum", dotum, "Lexi Gulim", Arial, Verdana, "sans-serif"; padding: 0px; border: 0px; font-size: 16px; text-size-adjust: 100%; vertical-align: baseline; color: #666666; letter-spacing: -0.2px'> <span style="font-size: 12px">4) 변형: 기존 구조를 변형한다는 것은 이미 존재하는 것을 활용하고, 더하고, 확장하여 새로운 프로젝트의 원동력으로 만드는 것을 의미한다. 이는 거주자들이 그곳에 머물면서 새로운 주민을 환영하고, 토지를 더 효율적으로 사용하며, 시설, 서비스, 상점의 수익성을 높이고 모든 종류의 에너지와 네트워크를 절약할 수 있는 기회를 제공한다. 변형은 적은 비용으로 더 많은 것을 할 수 있는 기회를 제공하며, 경제적, 생태적, 사회적으로 지속 가능한 접근법이다. 우리는 항상 철거나 제거 대신 재사용, 변형, 추가를 지지한다.</span> </p> <p style='font-family: Montserrat, "Noto Sans", "San Francisco", "Myriad Set Pro", "Lucida Grande", "Helvetica Neue", Helvetica, AppleSDGothicNeo, "Droid sans", MalgumGothic, "HY Dotum", dotum, "Lexi Gulim", Arial, Verdana, "sans-serif"; padding: 0px; border: 0px; font-size: 16px; text-size-adjust: 100%; vertical-align: baseline; color: #666666; letter-spacing: -0.2px'> <span style="font-size: 12px"> </span> </p> <p style='font-family: Montserrat, "Noto Sans", "San Francisco", "Myriad Set Pro", "Lucida Grande", "Helvetica Neue", Helvetica, AppleSDGothicNeo, "Droid sans", MalgumGothic, "HY Dotum", dotum, "Lexi Gulim", Arial, Verdana, "sans-serif"; padding: 0px; border: 0px; font-size: 16px; text-size-adjust: 100%; vertical-align: baseline; color: #666666; letter-spacing: -0.2px'> <span style="font-size: 12px">기후: 우리는 기후와 맞서는 대신, 기후와 조화롭게 살아가야 하며, 보호보다는 교환의 관계를 형성해야 합니다. 우리는 기후, 태양, 빛, 환기 등 자연 자원을 최대한 활용할 수 있는 생물 기후적 건축을 설계합니다.</span> </p> <p style='font-family: Montserrat, "Noto Sans", "San Francisco", "Myriad Set Pro", "Lucida Grande", "Helvetica Neue", Helvetica, AppleSDGothicNeo, "Droid sans", MalgumGothic, "HY Dotum", dotum, "Lexi Gulim", Arial, Verdana, "sans-serif"; padding: 0px; border: 0px; font-size: 16px; text-size-adjust: 100%; vertical-align: baseline; color: #666666; letter-spacing: -0.2px'> <span style="font-size: 12px"> </span> </p> <p style='font-family: Montserrat, "Noto Sans", "San Francisco", "Myriad Set Pro", "Lucida Grande", "Helvetica Neue", Helvetica, AppleSDGothicNeo, "Droid sans", MalgumGothic, "HY Dotum", dotum, "Lexi Gulim", Arial, Verdana, "sans-serif"; padding: 0px; border: 0px; font-size: 16px; text-size-adjust: 100%; vertical-align: baseline; color: #666666; letter-spacing: -0.2px'> <span style="font-size: 12px">경제성: 경제성은 예산의 효율적 사용을 극대화할 수 있는 중요한 요소입니다. 동일한 예산으로 더 많은 성과를 내고, 더 적게 지출하며, 더 현명하게 지출할 수 있게 합니다.</span> </p> </div> </div> </div> <!--// view_tab_bg--> <div class="btn_bg"><a href="index.php?btype=&year=" class="btn_1"><span class="trans">LIST VIEW</span></a></div> <ul class="view_list"> <li><span>이전글</span><a href="view.php?btype=&year=&no=198" class="ellipsis">Inspiration from the past to the future limitless in imagination, program and materials</a></li> <li><span>다음글</span> <a href="view.php?btype=&year=&no=195" class="ellipsis">Special Talk : Design for Coexistence</a> </li> </ul> </div> <!--// view_bg--> <!--email_modal--> <form name="frmSend" id="frmSend"> <input type="hidden" name="pk" id="pk" value="197" /> <input type="hidden" name="section_tb" value="hd_forum" /> <input type="hidden" name="title" id="title" value="optimism" /> <input type="hidden" name="mail_key" value="8anN5ZYn9B0U6qYqvDJOGQ9HrozyBRTHWTqfshu1lUk=" /> <input type="hidden" name="link" type="hidden" value="http%3A%2F%2Fm.heralddesign.co.kr%2Fforum%2Fview.php%3Fno%3D197" /> <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="http://m.heralddesign.co.kr/forum/view.php?no=197" target="_blank" class="email_modal_link_l">원문URL</a> <div class="ellipsis email_modal_link_r">http://m.heralddesign.co.kr/forum/view.php?no=197</div> </div> <div class="email_modal_link_tit">보내는 분 이름 / 이메일 주소</div> <div > <input type="text" name="send_name" id="send_name" class="join_intype1" style="width:40%; float:left" placeholder="이름"> <div class="join_at">/</div> <input type="text" name="send_mail" id="send_mail" class="join_intype1" style="width:50%" placeholder="이메일 주소"> </div> <div class="email_modal_link_tit">받는 분 이메일 주소</div> <input type="email" name="receive_mail" id="receive_mail" placeholder="이메일 주소" class="join_intype1" style="width:100%"> <div class="email_modal_link_tit">추가내용</div> <textarea placeholder="내용" name="contents" id="contents" class="join_intype1" style="width:100%"></textarea> <div class="btn_bg"> <a href="javascript:mailClose();" class="my_request_agree_btn1" style="margin-right:2%">취소</a> <a href="javascript:mailSendlCheck();" class="my_request_agree_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"> <!--footer_info--> <div class="footer_info"> <a href="#;" class="footer_info_btn" onclick="myFunction()">(주)헤럴드 사업자 정보</a> <ul class="footer_info_li" id="footer_info_li_id"> <li><span>상호명</span>(주)헤럴드</li> <li><span>대표</span>최진영</li> <li><span>사업장소재지</span>서울 용산구 후암로4길 10</li> <li><span>사업자등록번호</span>104-81-06004</li> <li><span>통신판매업신고번호</span>제 2016-서울용산-00590호</li> <li><span>고객센터</span>02-727-0044/0043</li> <li><span>이메일</span>design@heraldcorp.com</li> <li><span>개인정보관리책임자</span>안주영</li> <li><span>관광사업자 등록번호</span>제2017-000030호</li> <li><span>영업보증보험</span>2억원 가입</li> <li><span>모든 콘텐츠는 저작권법의 보호를 받으며, 무단 전재ㆍ복사ㆍ배포를 금합니다.</li> </ul> </div> <!--// footer_info--> <!--footer_li1--> <ul class="footer_li1" style="padding-bottom:0"> <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/qna.php" class="">문의</a></li> </ul> <ul class="footer_li1" style="padding-top:0"> <li><a href="/common/email_privacy.php" class="">이메일주소무단수집거부</a></li> <li><a href="/about/forum.php">ABOUT US</a> <!--ul class="footer_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> </ul> <!--// footer_li1--> <div class="footer_info_copy">COPYRIGHT HERALD CORPORATION ALL RIGHTS RESERVED.</div> <!--header_sns--> <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> <!--// header_sns--> </div> <!--// footer--> <script type="text/javascript"> <!-- function myFunction() { var x = document.getElementById("footer_info_li_id"); if (x.style.display === "none") { x.style.display = "block"; } else { x.style.display = "none"; } } $(".footer_info_btn").click(function () { $(this).toggleClass("active"); }); //--> </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> </body> </html>
