|
|
(사용자 3명의 중간 판 300개는 보이지 않습니다) |
1번째 줄: |
1번째 줄: |
| + | {{#tag:html| |
| + | <!-- 에디터 컨텐츠 등록 영역 --> |
| + | <div class="gwangju-main-wrap"> |
| + | <!-- 메인 베너 영역 --> |
| + | <div class="gwangju-main-section gwangju-main-section01"> |
| + | <div class="main-visual-container"> |
| + | <div class="main-visual-swiper swiper"> |
| + | <div class="swiper-wrapper"> |
| + | <div class="swiper-slide"> |
| + | <a href="/wiki/index.php/소개" class="visual-link"> |
| + | <span class="visual-img"> |
| + | <img |
| + | src="/wiki/skins/ETBSkin/images/new/img_main_visual01.jpg" |
| + | alt="Image 1" |
| + | /> |
| + | </span> |
| + | <span class="visual-copy">광주스토리<br />플랫폼</span> |
| + | <span class="visual-cont"> |
| + | <h2 class="visual-tit-group"> |
| + | <span class="tit"> |
| + | 빛이 스며든 <br />이야기, <br />예술이 되는 <br />역사 |
| + | </span> |
| + | <span class="line-group type01"> |
| + | <span class="line line01"></span> |
| + | <span class="sub">빛고을</span> |
| + | <span class="line line02"></span> |
| + | </span> |
| + | <span class="line-group type02"> |
| + | <span class="line line03"></span> |
| + | <span class="sub">광주에서 시작됩니다.</span> |
| + | </span> |
| + | </h2> |
| + | <span class="visual-btn"> |
| + | <span class="main-btn"> |
| + | <span class="btn-txt">VIEW MORE</span> |
| + | <i class="ico-arrow"></i> |
| + | </span> |
| + | </span> |
| + | </span> |
| + | </a> |
| + | </div> |
| + | <div class="swiper-slide"> |
| + | <a href="/wiki/index.php/시맨틱_데이터_네트워크" class="visual-link"> |
| + | <span class="visual-img"> |
| + | <img |
| + | src="/wiki/skins/ETBSkin/images/new/img_main_visual02.jpg" |
| + | alt="Image 2" |
| + | /> |
| + | </span> |
| + | <span class="visual-copy">시맨틱<br />데이터베이스</span> |
| + | <span class="visual-cont"> |
| + | <h2 class="visual-tit-group"> |
| + | <span class="tit"> 객체 간의 <br />의미적 관계 <br />시맨틱 </span> |
| + | <span class="line-group type03"> |
| + | <span class="line line04"></span> |
| + | <span class="tit"> 데이터베이스 </span> |
| + | </span> |
| + | <span class="txt" |
| + | >정보의 맥락을 보다 깊이 있게 <br />파악할 수 있도록 설계된 |
| + | 데이터베이스</span |
| + | > |
| + | </h2> |
| + | <span class="visual-btn"> |
| + | <span class="main-btn"> |
| + | <span class="btn-txt">VIEW MORE</span> |
| + | <i class="ico-arrow"></i> |
| + | </span> |
| + | </span> |
| + | </span> |
| + | </a> |
| + | </div> |
| + | <div class="swiper-slide"> |
| + | <a href="http://cts-hiks-metaverse.s3-website.ap-northeast-2.amazonaws.com/" title="새창 열림" target="_blank" class="visual-link"> |
| + | <span class="visual-img"> |
| + | <img |
| + | src="/wiki/skins/ETBSkin/images/new/img_main_visual03.jpg" |
| + | alt="Image 3" |
| + | /> |
| + | </span> |
| + | <span class="visual-copy">메타버스<br />디지털 교과서</span> |
| + | <span class="visual-cont"> |
| + | <h2 class="visual-tit-group"> |
| + | <span class="tit"> 메타버스 <br />디지털 교과서 <br />오월의 </span> |
| + | <span class="line-group type03"> |
| + | <span class="line line04"></span> |
| + | <span class="tit"> 달리기 </span> |
| + | </span> |
| + | <span class="txt">기억의 시간, 회중 시계를 통한 <br />과거로의 여행</span> |
| + | </h2> |
| + | <span class="visual-btn"> |
| + | <span class="main-btn"> |
| + | <span class="btn-txt">VIEW MORE</span> |
| + | <i class="ico-arrow"></i> |
| + | </span> |
| + | </span> |
| + | </span> |
| + | </a> |
| + | </div> |
| + | </div> |
| + | <div class="swiper-fraction"></div> |
| + | </div> |
| + | </div> |
| + | </div> |
| + | <!-- //메인 베너 영역 --> |
| | | |
| + | <!-- 3D 어셋 디오라마 영역 --> |
| + | <div class="gwangju-main-section gwangju-main-section02"> |
| + | <div class="main-inner section02-inner"> |
| + | <div class="section02-txt"> |
| + | <div class="main-header"> |
| + | <p class="main-subtit">3D ASSET</p> |
| + | <h2 class="main-tit">디오라마 전시관</h2> |
| + | </div> |
| + | <p class="txt-desc"> |
| + | 광주의 역사적 장소를 체험할 수 있는 가상 전시관입니다. 디오라마를 통해 광주의 이야기가 담긴 건물들을 살펴보고, 직접 공간으로 들어가 생생한 현장을 체험할 수 있습니다. |
| + | </p> |
| + | <div class="txt-link"> |
| + | <a href="http://cts-hiks-metaverse.s3-website.ap-northeast-2.amazonaws.com/" title="새창 열림" target="_blank" class="main-btn"> |
| + | <span class="btn-txt">VIEW MORE</span> |
| + | <i class="ico-arrow"></i> |
| + | </a> |
| + | </div> |
| + | </div> |
| + | <div class="section02-img"> |
| + | <img |
| + | src="/wiki/skins/ETBSkin/images/new/img_main_banner03.jpg" |
| + | alt="" |
| + | /> |
| + | </div> |
| + | </div> |
| + | </div> |
| + | <!-- //3D 어셋 디오라마 영역 --> |
| | | |
− | <html> | + | <!-- 카테고리별 인문스토리 영역 --> |
− | <p id="ppp_title" style="text-align:left;font-size:30px; font-family: 'pyeonghwa' !important;"> | + | <div class="gwangju-main-section gwangju-main-section03"> |
− | 광주 문화예술 인문스토리 플랫폼은<br> | + | <div class="section03-inner"> |
− | 광주광역시에 산재한 문화예술자료와 근현대문화유적을 발견하고,<br>
| + | <div class="main-inner"> |
− | 기록하는 디지털 데이터 아카이브 입니다.
| + | <div class="main-header"> |
| + | <p class="main-subtit">STORY DATA</p> |
| + | <h2 class="main-tit">카테고리별로 만나는<br />인문 스토리</h2> |
| + | </div> |
| + | <div class="category-filters"> |
| + | <div class="filter-btn-group"> |
| + | <button type="button" class="filter-btn active" data-category="Agent"> |
| + | <span class="icon icon-person"></span> |
| + | <span class="filter-txt">인물/단체</span> |
| + | </button> |
| + | <button type="button" class="filter-btn" data-category="Place"> |
| + | <span class="icon icon-place"></span> |
| + | <span class="filter-txt">장소</span> |
| + | </button> |
| + | <button type="button" class="filter-btn" data-category="Event"> |
| + | <span class="icon icon-event"></span> |
| + | <span class="filter-txt">사건</span> |
| + | </button> |
| + | <button type="button" class="filter-btn" data-category="Object"> |
| + | <span class="icon icon-object"></span> |
| + | <span class="filter-txt">사물</span> |
| + | </button> |
| + | <button type="button" class="filter-btn" data-category="Concept"> |
| + | <span class="icon icon-term"></span> |
| + | <span class="filter-txt">개념/용어</span> |
| + | </button> |
| + | <button type="button" class="filter-btn" data-category="Record"> |
| + | <span class="icon icon-record"></span> |
| + | <span class="filter-txt">기록물</span> |
| + | </button> |
| + | <button type="button" class="filter-btn" data-category="Work"> |
| + | <span class="icon icon-data"></span> |
| + | <span class="filter-txt">자료</span> |
| + | </button> |
| + | </div> |
| + | </div> |
| + | <div class="story-swiper"> |
| + | <div class="swiper"> |
| + | <div class="swiper-wrapper"> |
| + | <div class="swiper-slide"> |
| + | <a href="#" class="story-card"> |
| + | <h3 class="card-tit">5·18광주민주화운동</h3> |
| + | <span class="card-tags"> |
| + | <span class="tag">Event</span> |
| + | </span> |
| + | <span class="card-description" |
| + | >5·18민주화운동은 1980년 5월 18일부터 27일까지 무장저항이라는 대한민국 |
| + | 역사상 최고 수준의 저항을 행사한 사건으로 공식명칭은 5·18민주화운동이다. |
| + | 아시아지역 민주화운동에 끼친 영향이 인정되어 2011년 5·18민주화운동기록물이 |
| + | 유네스코 인권분야 세계기록유산으로 등재됐다.</span |
| + | > |
| + | <span class="card-image"> |
| + | <img |
| + | src="/wiki/skins/ETBSkin/images/new/img_main_story01.jpg" |
| + | alt="광주비엔날레" |
| + | /> |
| + | </span> |
| + | </a> |
| + | </div> |
| + | <div class="swiper-slide"> |
| + | <a href="#" class="story-card"> |
| + | <h3 class="card-tit">광주 서창 억새축제</h3> |
| + | <span class="card-tags"> |
| + | <span class="tag">Event</span> |
| + | </span> |
| + | <span class="card-description" |
| + | >광주비엔날레는 광주광역시에서 2년마다 열리는 국제 현대 미술 |
| + | 전시회입니다.</span |
| + | > |
| + | <span class="card-image"> |
| + | <img |
| + | src="/wiki/skins/ETBSkin/images/new/img_main_story01.jpg" |
| + | alt="광주비엔날레" |
| + | /> |
| + | </span> |
| + | </a> |
| + | </div> |
| + | <div class="swiper-slide"> |
| + | <a href="#" class="story-card"> |
| + | <h3 class="card-tit">광주학생독립운동(윤문)</h3> |
| + | <span class="card-tags"> |
| + | <span class="tag">Event</span> |
| + | </span> |
| + | <span class="card-description" |
| + | >1929년 11월 3일 광주에서 시작되어 전국으로 확산, 1930년 3월까지 계속된 |
| + | 일제하 최대 학생항일운동이었다. 1919년 ‘3.1운동’, 1926년 ‘6.10만세운동’과 |
| + | 더불어 일제강점기 3대 독립운동으로 불리며, 일제의 식민지 우민화교육, |
| + | 민족차별 등에 항거한 대표적 학생운동이다.</span |
| + | > |
| + | <span class="card-image"> |
| + | <img |
| + | src="/wiki/skins/ETBSkin/images/new/img_main_story01.jpg" |
| + | alt="광주비엔날레" |
| + | /> |
| + | </span> |
| + | </a> |
| + | </div> |
| + | <div class="swiper-slide"> |
| + | <a href="#" class="story-card"> |
| + | <h3 class="card-tit">광주인화학교 성폭력 사건</h3> |
| + | <span class="card-tags"> |
| + | <span class="tag">Event</span> |
| + | </span> |
| + | <span class="card-description" |
| + | >광주인화학교 성폭력 사건(2005)은 광주광역시 광산구 삼거동에 있던 |
| + | 청각장애인 특수학교인 인화학교에서 교장과 교직원에 의해 지속적으로 장애인 |
| + | 아동 성폭력이 발생해 사회적으로 큰 파장을 일으킨 사건이다.</span |
| + | > |
| + | <div class="card-image"> |
| + | <img |
| + | src="/wiki/skins/ETBSkin/images/new/img_main_story01.jpg" |
| + | alt="광주비엔날레" |
| + | /> |
| + | </div> |
| + | </a> |
| + | </div> |
| + | </div> |
| + | <div class="swiper-pagination"></div> |
| + | </div> |
| + | </div> |
| + | </div> |
| + | <div class="story-mask"> |
| + | <div class="mask-txt">PLATFORM</div> |
| + | </div> |
| + | </div> |
| + | </div> |
| + | <!-- //카테고리별 인문스토리 영역 --> |
| | | |
− | </p> | + | <!-- 메타버스 컨텐츠 영역 --> |
| + | <div class="gwangju-main-section gwangju-main-section04"> |
| + | <div class="section04-inner"> |
| + | <div class="panel-group"> |
| + | <div class="left-panel"> |
| + | <div class="main-header"> |
| + | <p class="main-subtit">METAVERSE</p> |
| + | <h2 class="main-tit">기억을 잇는 가상 공간</h2> |
| + | </div> |
| + | <div class="story-links"> |
| + | <a href="#" class="story-link-item active" data-index="0" |
| + | >5월의 달리기 - 디지털 교과서</a |
| + | > |
| + | <a href="#" class="story-link-item" data-index="1" |
| + | >양림동 선교사 마을, 새로운 문화와의 만남</a |
| + | > |
| + | <a href="#" class="story-link-item" data-index="2">기억, 회복 그리고 광주비엔날레</a> |
| + | <a href="#" class="story-link-item" data-index="3">광주의 고려인 마을</a> |
| + | <a href="#" class="story-link-item" data-index="4">관광을 품은 무등산</a> |
| + | <a href="#" class="story-link-item" data-index="5">충장로, 광주의 삶을 담다</a> |
| + | <a href="#" class="story-link-item" data-index="6">영산강과 황룡강이 품은 광주의 유원지</a> |
| + | <a href="#" class="story-link-item" data-index="7">광주로컬음악</a> |
| + | </div> |
| + | </div> |
| + | <div class="right-panel"> |
| + | <div class="image-scroll-container swiper"> |
| + | <div class="swiper-wrapper"> |
| + | <div class="swiper-slide" id="story-image-1"> |
| + | <a href="http://cts-hiks-metaverse.s3-website.ap-northeast-2.amazonaws.com/" target="_blank" title="새창 열림" class="item-link"> |
| + | <span class="item-img"> |
| + | <img |
| + | src="/wiki/skins/ETBSkin/images/new/main_virtual_asset_01.jpg" |
| + | alt="가상 공간 에셋 1" |
| + | /> |
| + | </span> |
| + | <span class="item-txt">5월의 달리기 - 디지털 교과서</span> |
| + | <i class="ico-arrow"></i> |
| + | </a> |
| + | </div> |
| + | <div class="swiper-slide" id="story-image-2"> |
| + | <a href="https://www.spatial.io/s/YangrimDong-661d2d920780293a57e73a1b?share=882771540539675618" target="_blank" title="새창 열림" class="item-link"> |
| + | <span class="item-img"> |
| + | <img |
| + | src="/wiki/skins/ETBSkin/images/new/main_virtual_asset_02.jpg" |
| + | alt="가상 공간 에셋 2" |
| + | /> |
| + | </span> |
| + | <span class="item-txt">양림동 선교사 마을, 새로운 문화와의 만남</span> |
| + | <i class="ico-arrow"></i> |
| + | </a> |
| + | </div> |
| + | <div class="swiper-slide" id="story-image-3"> |
| + | <a href="https://www.spatial.io/s/Gwangju-Biennale-66153a487cd305b70e52fa10?share=5406937598772551483" target="_blank" title="새창 열림" class="item-link"> |
| + | <span class="item-img"> |
| + | <img |
| + | src="/wiki/skins/ETBSkin/images/new/main_virtual_asset_03.jpg" |
| + | alt="가상 공간 에셋 3" |
| + | /> |
| + | </span> |
| + | <span class="item-txt">기억, 회복 그리고 광주비엔날레</span> |
| + | <i class="ico-arrow"></i> |
| + | </a> |
| + | </div> |
| + | <div class="swiper-slide" id="story-image-4"> |
| + | <a href="https://www.spatial.io/s/Kareiski-CULTURE-MUSEUM-66222090373d38a03d82e8d2?share=7809741734143359925" target="_blank" title="새창 열림" class="item-link"> |
| + | <span class="item-img"> |
| + | <img |
| + | src="/wiki/skins/ETBSkin/images/new/main_virtual_asset_04.jpg" |
| + | alt="가상 공간 에셋 1" |
| + | /> |
| + | </span> |
| + | <span class="item-txt">광주의 고려인 마을</span> |
| + | <i class="ico-arrow"></i> |
| + | </a> |
| + | </div> |
| + | <div class="swiper-slide" id="story-image-5"> |
| + | <a href="https://www.spatial.io/s/Hotel-Mudeung-Park-66209f36670486699f5c37fd?share=8593144093678459693" target="_blank" title="새창 열림" class="item-link"> |
| + | <span class="item-img"> |
| + | <img |
| + | src="/wiki/skins/ETBSkin/images/new/main_virtual_asset_05.jpg" |
| + | alt="가상 공간 에셋 2" |
| + | /> |
| + | </span> |
| + | <span class="item-txt">관광을 품은 무등산</span> |
| + | <i class="ico-arrow"></i> |
| + | </a> |
| + | </div> |
| + | <div class="swiper-slide" id="story-image-6"> |
| + | <a href="https://www.spatial.io/s/ChungJang-Ro-Street-661662eb06e145dd763a42c5?share=6421880966304621136" target="_blank" title="새창 열림" class="item-link"> |
| + | <span class="item-img"> |
| + | <img |
| + | src="/wiki/skins/ETBSkin/images/new/main_virtual_asset_06.jpg" |
| + | alt="가상 공간 에셋 3" |
| + | /> |
| + | </span> |
| + | <span class="item-txt">충장로, 광주의 삶을 담다</span> |
| + | <i class="ico-arrow"></i> |
| + | </a> |
| + | </div> |
| + | <div class="swiper-slide" id="story-image-7"> |
| + | <a href="https://www.spatial.io/s/Geungnakgang-River-6620c2b1d23ac208156219b9?share=6364372617190453474" target="_blank" title="새창 열림" class="item-link"> |
| + | <span class="item-img"> |
| + | <img |
| + | src="/wiki/skins/ETBSkin/images/new/main_virtual_asset_07.jpg" |
| + | alt="가상 공간 에셋 1" |
| + | /> |
| + | </span> |
| + | <span class="item-txt">영산강과 황룡강이 품은 광주의 유원지</span> |
| + | <i class="ico-arrow"></i> |
| + | </a> |
| + | </div> |
| + | <div class="swiper-slide" id="story-image-8"> |
| + | <a href="https://www.spatial.io/s/MusicCafe-667003bfb339f7863156a692?share=0" target="_blank" title="새창 열림" class="item-link"> |
| + | <span class="item-img"> |
| + | <img |
| + | src="/wiki/skins/ETBSkin/images/new/main_virtual_asset_08.jpg" |
| + | alt="가상 공간 에셋 1" |
| + | /> |
| + | </span> |
| + | <span class="item-txt">광주로컬음악</span> |
| + | <i class="ico-arrow"></i> |
| + | </a> |
| + | </div> |
| + | </div> |
| + | <div class="swiper-ui-wrap"> |
| + | <div class="swiper-progressbar"><div class="progress-fill"></div></div> |
| + | <div class="swiper-fraction"></div> |
| + | </div> |
| + | </div> |
| + | </div> |
| + | </div> |
| + | <div class="section04-link"> |
| + | <a href="/wiki/index.php/Metaverse" class="main-btn"> |
| + | <span class="btn-txt">VIEW MORE</span> |
| + | <i class="ico-arrow"></i> |
| + | </a> |
| + | </div> |
| + | </div> |
| + | </div> |
| + | <!-- //메타버스 컨텐츠 영역 --> |
| | | |
− |
| + | <!-- 3D 어셋 영역 --> |
| + | <div class="gwangju-main-section gwangju-main-section05"> |
| + | <div class="section05-inner"> |
| + | <div class="main-header-group"> |
| + | <div class="main-header"> |
| + | <p class="main-subtit">3D ASSET</p> |
| + | <h2 class="main-tit">3D로 보는<br /> 광주 인문 아카이브</h2> |
| + | </div> |
| + | <div class="section05-link"> |
| + | <a href="/wiki/index.php/3D_어셋_목록" class="main-btn"> |
| + | <span class="btn-txt">VIEW MORE</span> |
| + | <i class="ico-arrow"></i> |
| + | </a> |
| + | </div> |
| + | </div> |
| + | <div class="asset-swiper"> |
| + | <div id="my-keen-slider" class="keen-slider"></div> |
| + | <div id="my-keen-slider2" class="keen-slider"></div> |
| + | </div> |
| + | </div> |
| + | </div> |
| + | <!-- //3D 어셋 영역 --> |
| | | |
− | <p style="font-size:20px;margin-top:80px;font-weight:500 " >인문스토리 컨텐츠<p> | + | <!-- 사적지 배너 영역 --> |
− | <hr> | + | <div class="gwangju-main-section gwangju-main-section06"> |
− | <ul class="ssss_ul"> | + | <div class="main-inner section06-inner"> |
− | <li><a href="/wiki/index.php/%EB%B6%84%EB%A5%98:Actor">인물/단체<br>312건</a></li> | + | <div class="section06-txt"> |
− | <li><a href="/wiki/index.php/%EB%B6%84%EB%A5%98:Concept">개념/용어<br>37건</a></li> | + | <div class="main-header"> |
− | <li><a href="/wiki/index.php/%EB%B6%84%EB%A5%98:Event">사건<br>47건</a></li> | + | <p class="main-subtit">MEMORIAL SITE</p> |
− | <li><a href="/wiki/index.php/%EB%B6%84%EB%A5%98:Food">음식<br>39건</a></li> | + | <h2 class="main-tit">1980년 5월의 <br />광주를 걷다</h2> |
− | <li><a href="/wiki/index.php/%EB%B6%84%EB%A5%98:Object">오브제<br>25건</a></li> | + | </div> |
− | <li><a href="/wiki/index.php/%EB%B6%84%EB%A5%98:Place">장소<br>278건</a></li> | + | <p class="txt-desc"> |
− | <li><a href="/wiki/index.php/%EB%B6%84%EB%A5%98:Architecture">건축물<br>22건</a></li>
| + | 그날의 기억이 머문 장소들을 따라가며, 시간 속에 남은 이야기를 천천히 만나보세요.<br /> |
− | <li><a href="/wiki/index.php/%EB%B6%84%EB%A5%98:Record">기록물<br>18건</a></li>
| + | 번호를 따라가며 클릭하면, 장소마다 담긴 역사적 의미와 당시의 이야기를 자세히 살펴볼 |
− | <li><a href="/wiki/index.php/%EC%8A%A4%ED%86%A0%EB%A6%AC_%EB%AA%A9%EB%A1%9D">스토리<br>336건</a></li>
| + | 수 있습니다. 광주의 골목골목에 스며든 기억과 그날의 진실과 마주해보세요. |
− | <li><a href="/wiki/index.php/%EB%B6%84%EB%A5%98:%EB%AC%B8%EB%A7%A5%ED%95%AD%EB%AA%A9">문맥항목<br> </a></li>
| + | </p> |
− | </ul>
| + | <div class="txt-link"> |
− | <hr>
| + | <a href="https://prd-gwangju.etribe.co.kr/518/index.html" target="_blank" title="새창 열림" class="main-btn"> |
− | <p style="font-size:20px;margin-top:160px;font-weight:500 " >3D ASSET<p>
| + | <span class="btn-txt">VIEW MORE</span> |
− | <hr>
| + | <i class="ico-arrow"></i> |
− | <div class="row mmmm-list p_divv">
| + | </a> |
− | <div class="col-md-6" style="padding-right:10px"><div class="sketchfab-embed-wrapper"> <iframe title="Geungnakgang Station" frameborder="0" allowfullscreen mozallowfullscreen="true" webkitallowfullscreen="true" allow="autoplay; fullscreen; xr-spatial-tracking" xr-spatial-tracking execution-while-out-of-viewport execution-while-not-rendered web-share src="https://sketchfab.com/models/dfe97de8eed04b55a11fdb09cc648d80/embed"> </iframe> </div> | + | </div> |
− | <p style="padding-left:10px">극락강역</p></div> | + | </div> |
| + | <div class="section06-img"> |
| + | <img |
| + | src="/wiki/skins/ETBSkin/images/new/img_main_banner01.jpg" |
| + | alt="" |
| + | class="pc-show" |
| + | /> |
| + | <img |
| + | src="/wiki/skins/ETBSkin/images/new/img_main_banner02.jpg" |
| + | alt="" |
| + | class="mb-show" |
| + | /> |
| + | <div class="place-group"> |
| + | <img |
| + | class="img1" |
| + | src="/wiki/skins/ETBSkin/images/new/img_main_place01.png" |
| + | alt="" |
| + | /> |
| + | <img |
| + | class="img2" |
| + | src="/wiki/skins/ETBSkin/images/new/img_main_place03.png" |
| + | alt="" |
| + | /> |
| + | <img |
| + | class="img3" |
| + | src="/wiki/skins/ETBSkin/images/new/img_main_place02.png" |
| + | alt="" |
| + | /> |
| + | </div> |
| + | </div> |
| + | </div> |
| + | </div> |
| + | <!-- //사적지 배너 영역 --> |
| | | |
− | <div class="col-md-6" style="padding-left:10px"><div class="sketchfab-embed-wrapper"> <iframe title="Jejungwon Hospital" frameborder="0" allowfullscreen mozallowfullscreen="true" webkitallowfullscreen="true" allow="autoplay; fullscreen; xr-spatial-tracking" xr-spatial-tracking execution-while-out-of-viewport execution-while-not-rendered web-share src="https://sketchfab.com/models/0a2e305f66154fe2bb7e075e82ed3cf0/embed"> </iframe> </div> | + | <!-- AR Heritage 영역 --> |
− | <p style="padding-left:10px">제중원</p></div> | + | <!-- <div class="gwangju-main-section gwangju-main-section07"> |
| + | <div class="main-inner section07-inner"> |
| + | <div class="section07-content"> |
| + | <div class="main-header"> |
| + | <h2 class="main-tit">AR Heritage</h2> |
| + | </div> |
| + | <div class="section07-txt"> |
| + | <h3 class="txt-sub">광주의 근현대 역사와 문화를 엿볼 수 있는 유산들을 증강현실</h3> |
| + | <p class="txt-desc"> |
| + | 광주의 역사적 명소와 문화예술 거점을 AR 콘텐츠로 체험할 수 있는 투어입니다.<br /> |
| + | 실시간 위치 정보와 장소의 맥락을 제공하여 시민들이 지역 인문자원을 향유하도록 |
| + | 기획되었습니다.<br /> |
| + | AR을 통해 광주 시민들이 공유하는 기억과 감성을 생생하게 느낄 수 있습니다. |
| + | </p> |
| + | <div class="section07-link"> |
| + | <a href="#" class="main-btn"> |
| + | <span class="btn-txt">VIEW MORE</span> |
| + | <i class="ico-arrow"></i> |
| + | </a> |
| + | </div> |
| + | </div> |
| + | </div> |
| + | </div> |
| + | </div> --> |
| + | <!-- //AR Heritage 영역 --> |
| | | |
− | <div class="col-md-6" style="padding-right:10px"><div class="sketchfab-embed-wrapper"> <iframe title="Gwangju Biennale" frameborder="0" allowfullscreen mozallowfullscreen="true" webkitallowfullscreen="true" allow="autoplay; fullscreen; xr-spatial-tracking" xr-spatial-tracking execution-while-out-of-viewport execution-while-not-rendered web-share src="https://sketchfab.com/models/2030bc8740bb4f72afe9788868cb7c91/embed"> </iframe> </div>
| |
− | <p style="padding-left:10px">광주 비엔날레</p></div>
| |
− |
| |
− | <div class="col-md-6" style="padding-left:10px"><div class="sketchfab-embed-wrapper"> <iframe title="Cultural Center of Koreans of the CIS" frameborder="0" allowfullscreen mozallowfullscreen="true" webkitallowfullscreen="true" allow="autoplay; fullscreen; xr-spatial-tracking" xr-spatial-tracking execution-while-out-of-viewport execution-while-not-rendered web-share src="https://sketchfab.com/models/0e02d14e7e6a41d0ad470a7235bf3788/embed"> </iframe> </div>
| |
− | <p style="padding-left:10px">고려인 문화관</p></div>
| |
− |
| |
− | <div class="col-md-6" style="padding-right:10px"><div class="sketchfab-embed-wrapper"> <iframe title="Poetry Monument of Kim Hyeon-seung" frameborder="0" allowfullscreen mozallowfullscreen="true" webkitallowfullscreen="true" allow="autoplay; fullscreen; xr-spatial-tracking" xr-spatial-tracking execution-while-out-of-viewport execution-while-not-rendered web-share src="https://sketchfab.com/models/d62c6ff7a7d0461cbed60a00be2faa9b/embed"> </iframe> <p style="padding-left:10px">김현승 시비</p></div></div>
| |
− |
| |
− | <div class="col-md-6" style="padding-left:10px"><div class="sketchfab-embed-wrapper"> <iframe title="Chinese Trumpet Vine" frameborder="0" allowfullscreen mozallowfullscreen="true" webkitallowfullscreen="true" allow="autoplay; fullscreen; xr-spatial-tracking" xr-spatial-tracking execution-while-out-of-viewport execution-while-not-rendered web-share src="https://sketchfab.com/models/edf6e12478e541df9d3b8ab05dc51eff/embed"> </iframe> </div>
| |
− | <p style="padding-left:10px">능소화</p></div>
| |
− |
| |
− | <div class="col-md-6" style="padding-right:10px"><div class="sketchfab-embed-wrapper"> <iframe title="Horned Holly Tree" frameborder="0" allowfullscreen mozallowfullscreen="true" webkitallowfullscreen="true" allow="autoplay; fullscreen; xr-spatial-tracking" xr-spatial-tracking execution-while-out-of-viewport execution-while-not-rendered web-share src="https://sketchfab.com/models/f657d2ef3ccd4fed9350ed0b287e6616/embed"> </iframe> </div>
| |
− | <p style="padding-left:10px">호랑가시나무</p></div>
| |
− |
| |
− | <div class="col-md-6" style="padding-left:10px"><div class="sketchfab-embed-wrapper"> <iframe title="ChungJang22" frameborder="0" allowfullscreen mozallowfullscreen="true" webkitallowfullscreen="true" allow="autoplay; fullscreen; xr-spatial-tracking" xr-spatial-tracking execution-while-out-of-viewport execution-while-not-rendered web-share src="https://sketchfab.com/models/d04d54cfa801407596bd76285ad25750/embed"> </iframe> </div>
| |
− | <p style="padding-left:10px">충장22</p></div>
| |
− |
| |
− | <div class="col-md-6" style="padding-right:10px"><div class="sketchfab-embed-wrapper"> <iframe title="Tombstone of Clement Owen" frameborder="0" allowfullscreen mozallowfullscreen="true" webkitallowfullscreen="true" allow="autoplay; fullscreen; xr-spatial-tracking" xr-spatial-tracking execution-while-out-of-viewport execution-while-not-rendered web-share src="https://sketchfab.com/models/a2db3a9f4f624ff78524a19206b2479c/embed"> </iframe> </div>
| |
− | <p style="padding-left:10px">오웬묘비</p></div>
| |
− |
| |
− | <div class="col-md-6" style="padding-left:10px"><div class="sketchfab-embed-wrapper"> <iframe title="Koryoin Deportation Train" frameborder="0" allowfullscreen mozallowfullscreen="true" webkitallowfullscreen="true" allow="autoplay; fullscreen; xr-spatial-tracking" xr-spatial-tracking execution-while-out-of-viewport execution-while-not-rendered web-share src="https://sketchfab.com/models/d6cfd2089bea423eb1e57ecd404157f6/embed"> </iframe> </div>
| |
− | <p style="padding-left:10px">고려인 이주열차</p></div>
| |
− |
| |
− | <div class="col-md-6" style="padding-right:10px"><div class="sketchfab-embed-wrapper"> <iframe title="Beethoven Music Hall Table" frameborder="0" allowfullscreen mozallowfullscreen="true" webkitallowfullscreen="true" allow="autoplay; fullscreen; xr-spatial-tracking" xr-spatial-tracking execution-while-out-of-viewport execution-while-not-rendered web-share src="https://sketchfab.com/models/246e73e4fe3444cbb6061c094a91f259/embed"> </iframe><p style="padding-left:10px">베토벤음악감상실 테이블</p> </div>
| |
| </div> | | </div> |
| + | <link rel="stylesheet" href="/wiki/skins/ETBSkin/resources/styles/swiper-bundle.min.css" /> |
| + | <link rel="stylesheet" href="/wiki/skins/ETBSkin/resources/styles/keen-slider.min.css" /> |
| + | <script src="/wiki/skins/ETBSkin/resources/scripts/swiper-bundle.min.js"></script> |
| + | <script src="/wiki/skins/ETBSkin/resources/scripts/storyData.js"></script> |
| + | <script> |
| + | threeDAssetData.forEach((item, index) => { |
| + | const slideDom = document.createElement('div'); |
| + | slideDom.classList.add('keen-slider__slide'); |
| + | slideDom.innerHTML = ` |
| + | <a href="/wiki/index.php/${item.link ? item.link : '#'}" class="asset-link" target="_blank"> |
| + | <img src="/wiki/skins/ETBSkin/images/new/${item.src}" alt="" /> |
| + | </a> |
| + | `; |
| + | if (threeDAssetData.length / 2 >= index) { |
| + | document.getElementById('my-keen-slider').appendChild(slideDom); |
| + | } |
| + | if (threeDAssetData.length / 2 < index) { |
| + | document.getElementById('my-keen-slider2').appendChild(slideDom); |
| + | } |
| + | }); |
| + | // 스크롤 시 헤더 스타일 변경 |
| + | window.addEventListener('scroll', function () { |
| + | const headerInner = document.querySelector('.header-inner'); |
| + | if (!headerInner) return; |
| | | |
− | <div class="col-md-6" style="padding-left:10px"><div class="sketchfab-embed-wrapper"> <iframe title="Arirang Hanbok" frameborder="0" allowfullscreen mozallowfullscreen="true" webkitallowfullscreen="true" allow="autoplay; fullscreen; xr-spatial-tracking" xr-spatial-tracking execution-while-out-of-viewport execution-while-not-rendered web-share src="https://sketchfab.com/models/7a227b729eeb47ac8e9430a95867f57b/embed"> </iframe> </div><p style="padding-left:10px">아리랑주단</p></div>
| + | if (window.scrollY <= 10) { |
− | | + | headerInner.classList.add('type-white'); |
− | <div class="col-md-6" style="padding-right:10px"><div class="sketchfab-embed-wrapper"> <iframe title="Sinseong Hats" frameborder="0" allowfullscreen mozallowfullscreen="true" webkitallowfullscreen="true" allow="autoplay; fullscreen; xr-spatial-tracking" xr-spatial-tracking execution-while-out-of-viewport execution-while-not-rendered web-share src="https://sketchfab.com/models/a12dcf8cc10c443599dc2b25ad331752/embed"> </iframe> </div>
| + | } else { |
− | <p style="padding-left:10px">신성모자</p></div>
| + | headerInner.classList.remove('type-white'); |
− | | + | } |
− | | + | }); |
− | <div class="col-md-6" style="padding-left:10px"><div class="sketchfab-embed-wrapper"> <iframe title="Samhui Restaurant" frameborder="0" allowfullscreen mozallowfullscreen="true" webkitallowfullscreen="true" allow="autoplay; fullscreen; xr-spatial-tracking" xr-spatial-tracking execution-while-out-of-viewport execution-while-not-rendered web-share src="https://sketchfab.com/models/d15ee05e77ed42d7bf474097d149f779/embed"> </iframe> </div>
| |
− | <p style="padding-left:10px">삼희불낙</p></div>
| |
− | | |
− | <div class="col-md-6" style="padding-right:10px"><div class="sketchfab-embed-wrapper"> <iframe title="Dong-a Silk" frameborder="0" allowfullscreen mozallowfullscreen="true" webkitallowfullscreen="true" allow="autoplay; fullscreen; xr-spatial-tracking" xr-spatial-tracking execution-while-out-of-viewport execution-while-not-rendered web-share src="https://sketchfab.com/models/9a0d1c6ea5374b9eb61cad7f9347d304/embed"> </iframe> </div><p style="padding-left:10px">동아실크</p></div>
| |
− | | |
− | <div class="col-md-6" style="padding-left:10px"><div class="sketchfab-embed-wrapper"> <iframe title="Jeon Byung Won Tailor Shop" frameborder="0" allowfullscreen mozallowfullscreen="true" webkitallowfullscreen="true" allow="autoplay; fullscreen; xr-spatial-tracking" xr-spatial-tracking execution-while-out-of-viewport execution-while-not-rendered web-share src="https://sketchfab.com/models/ed4f348e27f84e6ba3e969dabc77111a/embed"> </iframe> </div><p style="padding-left:10px">전병원 양복점</p></div>
| |
− | | |
− | <div class="col-md-6" style="padding-right:10px"><div class="sketchfab-embed-wrapper"> <iframe title="Nain Buttons" frameborder="0" allowfullscreen mozallowfullscreen="true" webkitallowfullscreen="true" allow="autoplay; fullscreen; xr-spatial-tracking" xr-spatial-tracking execution-while-out-of-viewport execution-while-not-rendered web-share src="https://sketchfab.com/models/bca907232a394c18a8befeec589e36ab/embed"> </iframe> </div>
| |
− | <p style="padding-left:10px">나인단추</p></div>
| |
− | | |
− | <div class="col-md-6" style="padding-left:10px"><div class="sketchfab-embed-wrapper"> <iframe title="Dotumal Women's Clothing" frameborder="0" allowfullscreen mozallowfullscreen="true" webkitallowfullscreen="true" allow="autoplay; fullscreen; xr-spatial-tracking" xr-spatial-tracking execution-while-out-of-viewport execution-while-not-rendered web-share src="https://sketchfab.com/models/ab06c7adfb3141679edf4b2f0bfe86a5/embed"> </iframe> </div>
| |
− | <p style="padding-left:10px">도투말</p></div>
| |
| | | |
− | <div class="col-md-6" style="padding-right:10px"><div class="sketchfab-embed-wrapper"> <iframe title="Notredame Shoes" frameborder="0" allowfullscreen mozallowfullscreen="true" webkitallowfullscreen="true" allow="autoplay; fullscreen; xr-spatial-tracking" xr-spatial-tracking execution-while-out-of-viewport execution-while-not-rendered web-share src="https://sketchfab.com/models/38a3e770916b4c3193f6326d9a7243a5/embed"> </iframe> </div>
| + | // 페이지 로드 시 초기 상태 설정 |
− | <p style="padding-left:10px">노틀담</p></div>
| + | document.addEventListener('DOMContentLoaded', function () { |
| + | const headerInner = document.querySelector('.header-inner'); |
| + | if (!headerInner) return; |
| | | |
− | <div class="col-md-6" style="padding-left:10px"><div class="sketchfab-embed-wrapper"> <iframe title="Former Gwangju MBC Building" frameborder="0" allowfullscreen mozallowfullscreen="true" webkitallowfullscreen="true" allow="autoplay; fullscreen; xr-spatial-tracking" xr-spatial-tracking execution-while-out-of-viewport execution-while-not-rendered web-share src="https://sketchfab.com/models/38087034b7d7454c97a89fea409fdfe8/embed"> </iframe> </div>
| + | if (window.scrollY <= 10) { |
− | <p style="padding-left:10px">(구)광주 MBC</p></div> | + | headerInner.classList.add('type-white'); |
− | | + | } else { |
− | <div class="col-md-6" style="padding-right:10px"><div class="sketchfab-embed-wrapper"> <iframe title="Neel Bible School" frameborder="0" allowfullscreen mozallowfullscreen="true" webkitallowfullscreen="true" allow="autoplay; fullscreen; xr-spatial-tracking" xr-spatial-tracking execution-while-out-of-viewport execution-while-not-rendered web-share src="https://sketchfab.com/models/86f522cd827b464fb246dd22949259c4/embed"> </iframe> </div>
| + | headerInner.classList.remove('type-white'); |
− | <p style="padding-left:10px">이일학교</p></div>
| + | } |
− | | + | }); |
− | <div class="col-md-6" style="padding-left:10px"><div class="sketchfab-embed-wrapper"> <iframe title="Owen Memorial Hall" frameborder="0" allowfullscreen mozallowfullscreen="true" webkitallowfullscreen="true" allow="autoplay; fullscreen; xr-spatial-tracking" xr-spatial-tracking execution-while-out-of-viewport execution-while-not-rendered web-share src="https://sketchfab.com/models/9a04bffa4fac48c4bf0cc43a0bed1db0/embed"> </iframe> </div><p style="padding-left:10px">오웬기념관</p></div>
| + | </script> |
− | | + | <script src="/wiki/skins/ETBSkin/resources/scripts/keen-slider.min.js"></script> |
− | <div class="col-md-6" style="padding-right:10px"><div class="sketchfab-embed-wrapper"> <iframe title="Lily of the Valley Street Lights" frameborder="0" allowfullscreen mozallowfullscreen="true" webkitallowfullscreen="true" allow="autoplay; fullscreen; xr-spatial-tracking" xr-spatial-tracking execution-while-out-of-viewport execution-while-not-rendered web-share src="https://sketchfab.com/models/219c809b01634ae5834c4ebaee6e6f9b/embed"> </iframe> </div><p style="padding-left:10px">은방울 조명</p></div>
| + | <script src="/wiki/skins/ETBSkin/resources/scripts/gsap.min.js"></script> |
− | | + | <script src="/wiki/skins/ETBSkin/resources/scripts/ScrollTrigger.min.js"></script> |
− | <div class="col-md-6" style="padding-left:10px"><div class="sketchfab-embed-wrapper"> <iframe title="Mudeungsan Tourist Hotel" frameborder="0" allowfullscreen mozallowfullscreen="true" webkitallowfullscreen="true" allow="autoplay; fullscreen; xr-spatial-tracking" xr-spatial-tracking execution-while-out-of-viewport execution-while-not-rendered web-share src="https://sketchfab.com/models/83618dbd2ac049f68c7ef070a6c4ebbf/embed"> </iframe> </div>
| + | <script src="/wiki/skins/ETBSkin/resources/scripts/lottie.min.js"></script> |
− | <p style="padding-left:10px">무등관광호텔</p></div>
| + | <script src="/wiki/skins/ETBSkin/resources/scripts/storymain.js"></script> |
− | | + | <!-- // 에디터 컨텐츠 등록 영역 --> |
− | <div class="col-md-6" style="padding-right:10px"><div class="sketchfab-embed-wrapper"> <iframe title="Gungjeon Bakery" frameborder="0" allowfullscreen mozallowfullscreen="true" webkitallowfullscreen="true" allow="autoplay; fullscreen; xr-spatial-tracking" xr-spatial-tracking execution-while-out-of-viewport execution-while-not-rendered web-share src="https://sketchfab.com/models/ecef141213694e809459bfed1f075174/embed"> </iframe> </div><p style="padding-left:10px">궁전제과</p></div>
| |
− | | |
− | <div class="col-md-6" style="padding-left:10px"><div class="sketchfab-embed-wrapper"> <iframe title="Palgakjeong Pavilion on Mudeungsan Mountain" frameborder="0" allowfullscreen mozallowfullscreen="true" webkitallowfullscreen="true" allow="autoplay; fullscreen; xr-spatial-tracking" xr-spatial-tracking execution-while-out-of-viewport execution-while-not-rendered web-share src="https://sketchfab.com/models/a3e64c7e62f44c81ae446e86e1af1cb8/embed"> </iframe> </div>
| |
− | <p style="padding-left:10px">무등산 팔각정관</p></div>
| |
− | | |
− | <div class="col-md-6" style="padding-right:10px"><div class="sketchfab-embed-wrapper"> <iframe title="Fountain in Gwangju" frameborder="0" allowfullscreen mozallowfullscreen="true" webkitallowfullscreen="true" allow="autoplay; fullscreen; xr-spatial-tracking" xr-spatial-tracking execution-while-out-of-viewport execution-while-not-rendered web-share src="https://sketchfab.com/models/dc2aba3e66ea4eabbea97101b8f73a04/embed"> </iframe> </div> <p style="padding-left:10px">도청앞 분수대</p></div>
| |
− | | |
− | | |
− | <div class="col-md-6" style="padding-left:10px"><div class="sketchfab-embed-wrapper"> <iframe title="Pungyeongjeong Pavilion" frameborder="0" allowfullscreen mozallowfullscreen="true" webkitallowfullscreen="true" allow="autoplay; fullscreen; xr-spatial-tracking" xr-spatial-tracking execution-while-out-of-viewport execution-while-not-rendered web-share src="https://sketchfab.com/models/7fd07bb280514037b67bb2f294862078/embed"> </iframe> </div><p style="padding-left:10px">풍영정</p></div>
| |
− | </div>
| |
− | | |
− | <div class="row mmmm-list m_divv">
| |
− | <div class="col-md-6" style=""><div class="sketchfab-embed-wrapper"> <iframe title="Geungnakgang Station" frameborder="0" allowfullscreen mozallowfullscreen="true" webkitallowfullscreen="true" allow="autoplay; fullscreen; xr-spatial-tracking" xr-spatial-tracking execution-while-out-of-viewport execution-while-not-rendered web-share src="https://sketchfab.com/models/dfe97de8eed04b55a11fdb09cc648d80/embed"> </iframe> </div>
| |
− | <p style="padding-left:10px">극락강역</p></div>
| |
− | | |
− | <div class="col-md-6" style=""><div class="sketchfab-embed-wrapper"> <iframe title="Jejungwon Hospital" frameborder="0" allowfullscreen mozallowfullscreen="true" webkitallowfullscreen="true" allow="autoplay; fullscreen; xr-spatial-tracking" xr-spatial-tracking execution-while-out-of-viewport execution-while-not-rendered web-share src="https://sketchfab.com/models/0a2e305f66154fe2bb7e075e82ed3cf0/embed"> </iframe> </div>
| |
− | <p style="padding-left:10px">제중원</p></div>
| |
− | | |
− | <div class="col-md-6" style=""><div class="sketchfab-embed-wrapper"> <iframe title="Gwangju Biennale" frameborder="0" allowfullscreen mozallowfullscreen="true" webkitallowfullscreen="true" allow="autoplay; fullscreen; xr-spatial-tracking" xr-spatial-tracking execution-while-out-of-viewport execution-while-not-rendered web-share src="https://sketchfab.com/models/2030bc8740bb4f72afe9788868cb7c91/embed"> </iframe> </div>
| |
− | <p style="padding-left:10px">광주 비엔날레</p></div>
| |
− | | |
− | <div class="col-md-6" style="padding-left:10px"><div class="sketchfab-embed-wrapper"> <iframe title="Cultural Center of Koreans of the CIS" frameborder="0" allowfullscreen mozallowfullscreen="true" webkitallowfullscreen="true" allow="autoplay; fullscreen; xr-spatial-tracking" xr-spatial-tracking execution-while-out-of-viewport execution-while-not-rendered web-share src="https://sketchfab.com/models/0e02d14e7e6a41d0ad470a7235bf3788/embed"> </iframe> </div>
| |
− | <p style="padding-left:10px">고려인 문화관</p></div>
| |
− | | |
− | <div class="col-md-6" style=""><div class="sketchfab-embed-wrapper"> <iframe title="Poetry Monument of Kim Hyeon-seung" frameborder="0" allowfullscreen mozallowfullscreen="true" webkitallowfullscreen="true" allow="autoplay; fullscreen; xr-spatial-tracking" xr-spatial-tracking execution-while-out-of-viewport execution-while-not-rendered web-share src="https://sketchfab.com/models/d62c6ff7a7d0461cbed60a00be2faa9b/embed"> </iframe> <p style="padding-left:10px">김현승 시비</p></div></div>
| |
− | | |
− | <div class="col-md-6" style=""><div class="sketchfab-embed-wrapper"> <iframe title="Chinese Trumpet Vine" frameborder="0" allowfullscreen mozallowfullscreen="true" webkitallowfullscreen="true" allow="autoplay; fullscreen; xr-spatial-tracking" xr-spatial-tracking execution-while-out-of-viewport execution-while-not-rendered web-share src="https://sketchfab.com/models/edf6e12478e541df9d3b8ab05dc51eff/embed"> </iframe> </div>
| |
− | <p style="padding-left:10px">능소화</p></div>
| |
− | | |
− | <div class="col-md-6" style=""><div class="sketchfab-embed-wrapper"> <iframe title="Horned Holly Tree" frameborder="0" allowfullscreen mozallowfullscreen="true" webkitallowfullscreen="true" allow="autoplay; fullscreen; xr-spatial-tracking" xr-spatial-tracking execution-while-out-of-viewport execution-while-not-rendered web-share src="https://sketchfab.com/models/f657d2ef3ccd4fed9350ed0b287e6616/embed"> </iframe> </div>
| |
− | <p style="padding-left:10px">호랑가시나무</p></div>
| |
− | | |
− | <div class="col-md-6" style=""><div class="sketchfab-embed-wrapper"> <iframe title="ChungJang22" frameborder="0" allowfullscreen mozallowfullscreen="true" webkitallowfullscreen="true" allow="autoplay; fullscreen; xr-spatial-tracking" xr-spatial-tracking execution-while-out-of-viewport execution-while-not-rendered web-share src="https://sketchfab.com/models/d04d54cfa801407596bd76285ad25750/embed"> </iframe> </div>
| |
− | <p style="padding-left:10px">충장22</p></div>
| |
− | | |
− | <div class="col-md-6" style=""><div class="sketchfab-embed-wrapper"> <iframe title="Tombstone of Clement Owen" frameborder="0" allowfullscreen mozallowfullscreen="true" webkitallowfullscreen="true" allow="autoplay; fullscreen; xr-spatial-tracking" xr-spatial-tracking execution-while-out-of-viewport execution-while-not-rendered web-share src="https://sketchfab.com/models/a2db3a9f4f624ff78524a19206b2479c/embed"> </iframe> </div>
| |
− | <p style="padding-left:10px">오웬묘비</p></div>
| |
− | | |
− | <div class="col-md-6" style=""><div class="sketchfab-embed-wrapper"> <iframe title="Koryoin Deportation Train" frameborder="0" allowfullscreen mozallowfullscreen="true" webkitallowfullscreen="true" allow="autoplay; fullscreen; xr-spatial-tracking" xr-spatial-tracking execution-while-out-of-viewport execution-while-not-rendered web-share src="https://sketchfab.com/models/d6cfd2089bea423eb1e57ecd404157f6/embed"> </iframe> </div>
| |
− | <p style="padding-left:10px">고려인 이주열차</p></div>
| |
− | | |
− | <div class="col-md-6" style=""><div class="sketchfab-embed-wrapper"> <iframe title="Beethoven Music Hall Table" frameborder="0" allowfullscreen mozallowfullscreen="true" webkitallowfullscreen="true" allow="autoplay; fullscreen; xr-spatial-tracking" xr-spatial-tracking execution-while-out-of-viewport execution-while-not-rendered web-share src="https://sketchfab.com/models/246e73e4fe3444cbb6061c094a91f259/embed"> </iframe><p style="padding-left:10px">베토벤음악감상실 테이블</p> </div>
| |
− | </div>
| |
− | | |
− | <div class="col-md-6" style=""><div class="sketchfab-embed-wrapper"> <iframe title="Arirang Hanbok" frameborder="0" allowfullscreen mozallowfullscreen="true" webkitallowfullscreen="true" allow="autoplay; fullscreen; xr-spatial-tracking" xr-spatial-tracking execution-while-out-of-viewport execution-while-not-rendered web-share src="https://sketchfab.com/models/7a227b729eeb47ac8e9430a95867f57b/embed"> </iframe> </div><p style="padding-left:10px">아리랑주단</p></div>
| |
− | | |
− | <div class="col-md-6" style=""><div class="sketchfab-embed-wrapper"> <iframe title="Sinseong Hats" frameborder="0" allowfullscreen mozallowfullscreen="true" webkitallowfullscreen="true" allow="autoplay; fullscreen; xr-spatial-tracking" xr-spatial-tracking execution-while-out-of-viewport execution-while-not-rendered web-share src="https://sketchfab.com/models/a12dcf8cc10c443599dc2b25ad331752/embed"> </iframe> </div>
| |
− | <p style="padding-left:10px">신성모자</p></div>
| |
− | | |
− | | |
− | <div class="col-md-6" style=""><div class="sketchfab-embed-wrapper"> <iframe title="Samhui Restaurant" frameborder="0" allowfullscreen mozallowfullscreen="true" webkitallowfullscreen="true" allow="autoplay; fullscreen; xr-spatial-tracking" xr-spatial-tracking execution-while-out-of-viewport execution-while-not-rendered web-share src="https://sketchfab.com/models/d15ee05e77ed42d7bf474097d149f779/embed"> </iframe> </div>
| |
− | <p style="padding-left:10px">삼희불낙</p></div>
| |
− | | |
− | <div class="col-md-6" style=""><div class="sketchfab-embed-wrapper"> <iframe title="Dong-a Silk" frameborder="0" allowfullscreen mozallowfullscreen="true" webkitallowfullscreen="true" allow="autoplay; fullscreen; xr-spatial-tracking" xr-spatial-tracking execution-while-out-of-viewport execution-while-not-rendered web-share src="https://sketchfab.com/models/9a0d1c6ea5374b9eb61cad7f9347d304/embed"> </iframe> </div><p style="padding-left:10px">동아실크</p></div>
| |
− | | |
− | <div class="col-md-6" style=""><div class="sketchfab-embed-wrapper"> <iframe title="Jeon Byung Won Tailor Shop" frameborder="0" allowfullscreen mozallowfullscreen="true" webkitallowfullscreen="true" allow="autoplay; fullscreen; xr-spatial-tracking" xr-spatial-tracking execution-while-out-of-viewport execution-while-not-rendered web-share src="https://sketchfab.com/models/ed4f348e27f84e6ba3e969dabc77111a/embed"> </iframe> </div><p style="padding-left:10px">전병원 양복점</p></div>
| |
− | | |
− | <div class="col-md-6" style=""><div class="sketchfab-embed-wrapper"> <iframe title="Nain Buttons" frameborder="0" allowfullscreen mozallowfullscreen="true" webkitallowfullscreen="true" allow="autoplay; fullscreen; xr-spatial-tracking" xr-spatial-tracking execution-while-out-of-viewport execution-while-not-rendered web-share src="https://sketchfab.com/models/bca907232a394c18a8befeec589e36ab/embed"> </iframe> </div>
| |
− | <p style="padding-left:10px">나인단추</p></div>
| |
− | | |
− | <div class="col-md-6" style=""><div class="sketchfab-embed-wrapper"> <iframe title="Dotumal Women's Clothing" frameborder="0" allowfullscreen mozallowfullscreen="true" webkitallowfullscreen="true" allow="autoplay; fullscreen; xr-spatial-tracking" xr-spatial-tracking execution-while-out-of-viewport execution-while-not-rendered web-share src="https://sketchfab.com/models/ab06c7adfb3141679edf4b2f0bfe86a5/embed"> </iframe> </div>
| |
− | <p style="padding-left:10px">도투말</p></div>
| |
− | | |
− | <div class="col-md-6" style=""><div class="sketchfab-embed-wrapper"> <iframe title="Notredame Shoes" frameborder="0" allowfullscreen mozallowfullscreen="true" webkitallowfullscreen="true" allow="autoplay; fullscreen; xr-spatial-tracking" xr-spatial-tracking execution-while-out-of-viewport execution-while-not-rendered web-share src="https://sketchfab.com/models/38a3e770916b4c3193f6326d9a7243a5/embed"> </iframe> </div>
| |
− | <p style="padding-left:10px">노틀담</p></div>
| |
− | | |
− | <div class="col-md-6" style=""><div class="sketchfab-embed-wrapper"> <iframe title="Former Gwangju MBC Building" frameborder="0" allowfullscreen mozallowfullscreen="true" webkitallowfullscreen="true" allow="autoplay; fullscreen; xr-spatial-tracking" xr-spatial-tracking execution-while-out-of-viewport execution-while-not-rendered web-share src="https://sketchfab.com/models/38087034b7d7454c97a89fea409fdfe8/embed"> </iframe> </div>
| |
− | <p style="padding-left:10px">(구)광주 MBC</p></div>
| |
− | | |
− | <div class="col-md-6" style=""><div class="sketchfab-embed-wrapper"> <iframe title="Neel Bible School" frameborder="0" allowfullscreen mozallowfullscreen="true" webkitallowfullscreen="true" allow="autoplay; fullscreen; xr-spatial-tracking" xr-spatial-tracking execution-while-out-of-viewport execution-while-not-rendered web-share src="https://sketchfab.com/models/86f522cd827b464fb246dd22949259c4/embed"> </iframe> </div>
| |
− | <p style="padding-left:10px">이일학교</p></div>
| |
− | | |
− | <div class="col-md-6" style=""><div class="sketchfab-embed-wrapper"> <iframe title="Owen Memorial Hall" frameborder="0" allowfullscreen mozallowfullscreen="true" webkitallowfullscreen="true" allow="autoplay; fullscreen; xr-spatial-tracking" xr-spatial-tracking execution-while-out-of-viewport execution-while-not-rendered web-share src="https://sketchfab.com/models/9a04bffa4fac48c4bf0cc43a0bed1db0/embed"> </iframe> </div><p style="padding-left:10px">오웬기념관</p></div>
| |
− | | |
− | <div class="col-md-6" style=""><div class="sketchfab-embed-wrapper"> <iframe title="Lily of the Valley Street Lights" frameborder="0" allowfullscreen mozallowfullscreen="true" webkitallowfullscreen="true" allow="autoplay; fullscreen; xr-spatial-tracking" xr-spatial-tracking execution-while-out-of-viewport execution-while-not-rendered web-share src="https://sketchfab.com/models/219c809b01634ae5834c4ebaee6e6f9b/embed"> </iframe> </div><p style="padding-left:10px">은방울 조명</p></div>
| |
− | | |
− | <div class="col-md-6" style=""><div class="sketchfab-embed-wrapper"> <iframe title="Mudeungsan Tourist Hotel" frameborder="0" allowfullscreen mozallowfullscreen="true" webkitallowfullscreen="true" allow="autoplay; fullscreen; xr-spatial-tracking" xr-spatial-tracking execution-while-out-of-viewport execution-while-not-rendered web-share src="https://sketchfab.com/models/83618dbd2ac049f68c7ef070a6c4ebbf/embed"> </iframe> </div>
| |
− | <p style="padding-left:10px">무등관광호텔</p></div>
| |
− | | |
− | <div class="col-md-6" style=""><div class="sketchfab-embed-wrapper"> <iframe title="Gungjeon Bakery" frameborder="0" allowfullscreen mozallowfullscreen="true" webkitallowfullscreen="true" allow="autoplay; fullscreen; xr-spatial-tracking" xr-spatial-tracking execution-while-out-of-viewport execution-while-not-rendered web-share src="https://sketchfab.com/models/ecef141213694e809459bfed1f075174/embed"> </iframe> </div><p style="padding-left:10px">궁전제과</p></div>
| |
− | | |
− | <div class="col-md-6" style=""><div class="sketchfab-embed-wrapper"> <iframe title="Palgakjeong Pavilion on Mudeungsan Mountain" frameborder="0" allowfullscreen mozallowfullscreen="true" webkitallowfullscreen="true" allow="autoplay; fullscreen; xr-spatial-tracking" xr-spatial-tracking execution-while-out-of-viewport execution-while-not-rendered web-share src="https://sketchfab.com/models/a3e64c7e62f44c81ae446e86e1af1cb8/embed"> </iframe> </div>
| |
− | <p style="padding-left:10px">무등산 팔각정관</p></div>
| |
− | | |
− | <div class="col-md-6" style=""><div class="sketchfab-embed-wrapper"> <iframe title="Fountain in Gwangju" frameborder="0" allowfullscreen mozallowfullscreen="true" webkitallowfullscreen="true" allow="autoplay; fullscreen; xr-spatial-tracking" xr-spatial-tracking execution-while-out-of-viewport execution-while-not-rendered web-share src="https://sketchfab.com/models/dc2aba3e66ea4eabbea97101b8f73a04/embed"> </iframe> </div> <p style="padding-left:10px">도청앞 분수대</p></div>
| |
− | | |
− | | |
− | <div class="col-md-6" style=""><div class="sketchfab-embed-wrapper"> <iframe title="Pungyeongjeong Pavilion" frameborder="0" allowfullscreen mozallowfullscreen="true" webkitallowfullscreen="true" allow="autoplay; fullscreen; xr-spatial-tracking" xr-spatial-tracking execution-while-out-of-viewport execution-while-not-rendered web-share src="https://sketchfab.com/models/7fd07bb280514037b67bb2f294862078/embed"> </iframe> </div><p style="padding-left:10px">풍영정</p></div>
| |
− | </div>
| |
− | | |
− | <p style="font-size:20px;margin-top:220px;font-weight:500 " >METAVERSE </p>
| |
− | <hr>
| |
− | <div class="row mmmm-list p_divv">
| |
− | <div class="col-md-4"><a href="https://www.spatial.io/s/Kareiski-CULTURE-MUSEUM-66222090373d38a03d82e8d2
| |
− | " target="_blank"><img src="https://work-note.net/g-img/m-1.png" style="width:100%;"></a>
| |
− | <p> 광주 고려인 마을</p></div>
| |
− | <div class="col-md-4"><a href="https://www.spatial.io/s/GwangjuMBC-661c738c889dbfcea4d83ad1 | |
− | " target="_blank"><img src="https://work-note.net/g-img/m-2.png" style="width:100%;padding-right:10px;padding-left:10px;"></a>
| |
− | <p style="padding-left:10px"> 음악이 흐르는 광주</p></div>
| |
− | <div class="col-md-4"><a href="https://www.spatial.io/s/Hotel-Mudeung-Park-66209f36670486699f5c37fd?share=8593144093678459693" target="_blank"><img src="https://work-note.net/g-img/m-3.png" style="width:100%;padding-right:0px;padding-left:10px;"></a>
| |
− | <p style="padding-left:10px"> 관광을 품은 무등산:구 무등산 관광호텔</p></div>
| |
− | <div class="col-md-4"><a href="https://www.spatial.io/s/Geungnakgang-River-6620c2b1d23ac208156219b9" target="_blank"><img src="https://work-note.net/g-img/m-4.png" style="width:100%;"></a> | |
− | <p>영산강과 황룡강이 품은 광주의 유원지</p></div>
| |
− | <div class="col-md-4"><a href="https://www.spatial.io/s/ChungJang-Ro-Street-661662eb06e145dd763a42c5" target="_blank"><img src="https://work-note.net/g-img/m-5.png" style="width:100%;padding-right:10px;padding-left:10px;"></a>
| |
− | <p style="padding-left:10px">충장로, 광주의 삶을 담다</p></div>
| |
− | <div class="col-md-4"><a href="https://www.spatial.io/s/Mudeungsan-Observatory-6620a2cd00d7dbf73a99d95c" target="_blank"><img src="https://work-note.net/g-img/m-6.png" style="width:100%;padding-right:0px;padding-left:10px;"></a> | |
− | <p style="padding-left:10px">관광을 품은 무등산:팔각정</p></div>
| |
− | <div class="col-md-4"><a href="https://www.spatial.io/s/GwangJu-Grahanm-Memorial-Hospital-6603d6638574d3c893cf1c8b" target="_blank"><img src="https://work-note.net/g-img/m-7.png" style="width:100%;"></a>
| |
− | <p>1920-30년대 제중원, 이일학교</p></div> | |
− | <div class="col-md-4"><a href="https://www.spatial.io/s/YangrimDong-661d2d920780293a57e73a1b" target="_blank"><img src="https://work-note.net/g-img/m-8.png" style="width:100%;padding-right:10px;padding-left:10px;"></a>
| |
− | <p style="padding-left:10px">수피아홀, 오웬기념각</p></div>
| |
− | <div class="col-md-4"><a href="https://www.spatial.io/s/PoetsWalk-661131c20660e38e86d5fe1e?share=1902724370999440219" target="_blank"><img src="https://work-note.net/g-img/m-9.png" style="width:100%;padding-right:0px;padding-left:10px;"></a>
| |
− | <p style="padding-left:10px">광주의 시인, 김현승 산책로</p></div> | |
− |
| |
− | </div>
| |
− | <div class="row mmmm-list m_divv">
| |
− | <div class="col-md-6"><a href="https://www.spatial.io/s/Kareiski-CULTURE-MUSEUM-66222090373d38a03d82e8d2
| |
− | " target="_blank"><img src="https://work-note.net/g-img/m-1.png" style="width:100%;"></a>
| |
− | <p> 광주 고려인 마을</p></div>
| |
− | <div class="col-md-6"><a href="https://www.spatial.io/s/GwangjuMBC-661c738c889dbfcea4d83ad1
| |
− | " target="_blank"><img src="https://work-note.net/g-img/m-2.png" style="width:100%;padding-right:10px;padding-left:10px;"></a>
| |
− | <p style="padding-left:10px"> 음악이 흐르는 광주</p></div> | |
− | <div class="col-md-6"><a href="https://www.spatial.io/s/Hotel-Mudeung-Park-66209f36670486699f5c37fd?share=8593144093678459693" target="_blank"><img src="https://work-note.net/g-img/m-3.png" style="width:100%;"></a>
| |
− | <p style="padding-left:10px"> 관광을 품은 무등산:구 무등산 관광호텔</p></div>
| |
− | <div class="col-md-6"><a href="https://www.spatial.io/s/Geungnakgang-River-6620c2b1d23ac208156219b9" target="_blank"><img src="https://work-note.net/g-img/m-4.png" style="width:100%;"></a>
| |
− | <p>영산강과 황룡강이 품은 광주의 유원지</p></div>
| |
− | <div class="col-md-6"><a href="https://www.spatial.io/s/ChungJang-Ro-Street-661662eb06e145dd763a42c5" target="_blank"><img src="https://work-note.net/g-img/m-5.png" style="width:100%;"></a>
| |
− | <p style="padding-left:10px">충장로, 광주의 삶을 담다</p></div>
| |
− | <div class="col-md-6"><a href="https://www.spatial.io/s/Mudeungsan-Observatory-6620a2cd00d7dbf73a99d95c" target="_blank"><img src="https://work-note.net/g-img/m-6.png" style="width:100%;"></a>
| |
− | <p style="padding-left:10px">관광을 품은 무등산:팔각정</p></div>
| |
− | <div class="col-md-6"><a href="https://www.spatial.io/s/GwangJu-Grahanm-Memorial-Hospital-6603d6638574d3c893cf1c8b" target="_blank"><img src="https://work-note.net/g-img/m-7.png" style="width:100%;"></a>
| |
− | <p>1920-30년대 제중원, 이일학교</p></div>
| |
− | <div class="col-md-6"><a href="https://www.spatial.io/s/YangrimDong-661d2d920780293a57e73a1b" target="_blank"><img src="https://work-note.net/g-img/m-8.png" style="width:100%;"></a>
| |
− | <p style="padding-left:10px">수피아홀, 오웬기념각</p></div>
| |
− | <div class="col-md-6"><a href="https://www.spatial.io/s/PoetsWalk-661131c20660e38e86d5fe1e?share=1902724370999440219" target="_blank"><img src="https://work-note.net/g-img/m-9.png" style="width:100%;"></a>
| |
− | <p style="padding-left:10px">광주의 시인, 김현승 산책로</p></div>
| |
− |
| |
− | </div>
| |
| <style> | | <style> |
− | .col-md-6 iframe
| + | #firstHeading { |
− | { | + | display: none !important; |
− | width: 100%; | + | } |
− | height: 200px;
| |
− | | |
− | }
| |
− | .col-md-6
| |
− | {
| |
− | padding:0 ;
| |
− | }
| |
− | | |
− | .firstHeading,
| |
− | .tweekiFirstHeading {
| |
− | display:none; | |
− | } | |
− | | |
| </style> | | </style> |
− | </html>
| + | }} |