과거부터 현대까지 한국을 대표하는 아름다운 이색 건축물에 푹 빠져보세요! 한국의 아름다운 건축물은 한국의 다양한 건축상 수상작, 해외 유명 건축가의 건축물, 한국의 문화를 알릴 수 있는 곳, 방문객이 내외부를 모두 관람할 수 있는 곳 등을 고려해 선정하였습니다. 사색을 선물하는 자연 속 예술 작품, 아름다운 미술관·박물관(원주 뮤지엄산, 용인 백남준 아트센터, 서울 삼성미술관 리움, 연천 전곡선사박물관, 서울 국립현대미술관, 파주 미메시스 아트뮤지엄, 대전 이응노 미술관, 서울 환기미술관, 서울 한성백제박술관, 김해 클레이아크 김해미술관, 제주 유민미술관, 인제 여초서예관, 울산 박물관, 진천 종박물관)부터 상상속의 공간 그 이상인 이색적인 현대 건축물 (서울 아모레 퍼시픽 본사 사옥, 서울 롯데월드타워, 서울 동대문 디자인 플라자 DDP, 광주 국립 아시아 문화전당, 서울 이화여대 콤플렉스 (ECC), 제주 포도호텔, 강릉 씨마크 호텔, 울릉도 힐링스테이 코스모스, 홍천 유 리트리트, 제주 방주교회, 서울 안중근의사기념관, 대구 디아크문화관, 부산 영화의 전당, 인천 트라이볼, 서울 플랫폼 엘, 서울 식물원, 서천 국립생태원 에코리움, 인천국제공항 제2여객터미널, 서울대학교 중앙도서관 관정관), 전통과 현대의 아름다운 조화! 한옥의 미를 간직한 현대 건축물 (서울 아라리오 뮤지엄 인 스페이스, 부여 롯데부여리조트 백상원, 부산 누리마루 APEC 하우스, 서울 가회동 성당, 서울 현대카드 디자인 라이브러리, 서울 청운문학도서관, 서울한방진흥센터), 자연을 거닐며 과거로의 시간여행을 할 수 있는 전통건축물 (서울 창덕궁 후원, 서울 경복궁, 서울 종묘, 수원 화성, 강릉 선교장, 안동 병산서원, 담양 소쇄원, 순천 선암사), K-건축과 유럽풍의 절묘한 만남이 있는 근대건축물 (서울 덕수궁 석조전, 서울 문화역서울 284, 서울시립미술관, 전주 전동성당, 서울 대한성공회 서울주교좌성당, 대구 근대문화골목)까지 다양하고도 아름다운 한국의 건축물로 여행을 떠나보세요! /* 와이드로 만들기 */ #contents { width: 100%; padding: 0 } .tit_cont .btn_titview { right: 4px; } .btm_team, .tit_cont, .wrap_reply, .postBtnWrap, .pictureInfo, .authorWriting, .area_lic, .top_logo, .surroundingsInfo, .replyWrap, .tag { max-width: 980px; width: 100%; margin-left: auto; margin-right: auto; } .box_modInfo .pictureInfo { margin: 36px auto; } .btm_team.team_marg { margin: 40px auto 10px; } .tit_cont { padding: 0 30px 30px 15px; } .post_area { padding-right: 15px; } .box_modInfo { padding: 20px 15px 0; } .btm_team.team_marg, .surroundingsInfo { padding: 0 15px; } .replyWrap .write { padding: 0 15px; } .replyWrap .wrap_reply { padding: 0 15px; } .btm_team { border-top: none; } .inr { border-top: 1px solid #ccc; } /* 와이드 끝 */.theme_con {width:100%; text-align:center;}.theme_con img {width:100%; }.con_header {width:100%;}.con_tab {width:100%; max-width: 1280px; margin: 0 auto;}.tab_ul {font-size:0;}.tab_li {width:20%; cursor:pointer; display: inline-block;}.con_body {width:100%; max-width: 1280px; margin: 0 auto; text-align: left; margin-bottom: 3%;}.con_li {width: 25%; display: inline-block; position: relative; padding: 0.5%; box-sizing: border-box; cursor:pointer; }.more_txt { width: 100%; position: absolute; left: 0%; display: none; top: 40%; text-align: center; z-index:1000; }.plus_btn { max-width: 40px; width: 100%; left: 0%;}.spot_text { color: #fff; padding-top: 3%;}.con_dim { width: 96%; height: 96%; position: absolute; background-color: #000; opacity: 0.5; z-index: 100; left: 2%; top: 2%; display:none;}.dimed_layer{position:absolute; width:100%; height:100%; display:inline-block; z-index:20000; top:0; left:0; display:none;}.dimed_layer_bg {background-color:#000; position: absolute; width: 100%; height: 100%; display: inline-block; top: 0; left: 0; opacity: .8;}.dim_con { position: fixed; left: 27.5%; top: 5%; width: 45%; background-color: #fff; box-shadow: box-shadow: #aaa 5px 2px 5px 1px; margin: 0 auto; border-radius: 2%; }.close_btn{ position: fixed; right: 26.5%; top: 3%; max-width: 40px; width: 100%; cursor:pointer;}.pcver {display:block;}.mover {display: none;}.dim_photo { width: 80%; margin: 2% auto;}.dim_photo img {width:100%;}.dim_title_area { width: 25%; display: inline-block; vertical-align: top; position: relative;}.dim_text_area { width: 75%; display: inline-block;}.dim_title_area::before{ content: ''; display: inline-block; width: 3px; height: 3px; background: #666; position: absolute; left: 0; top: 9px; margin-left: -10%;}.dim_con_text { width: 80%; margin-left: 10%; margin-top: 3%;}.dim_con_detailLink { width: 100%; text-align: center; margin: 2% 0%;}.detail_btn { width: 40%; background-color: #333; padding: 1% 0%; color: #fff; border-radius: 5px;}.dim_con_qu { text-align: center; color: #000; font-size: 1.2em; font-weight: 700; word-break: keep-all; margin: 0 auto; width:70%;}.tab_qu {text-align:left; margin: 3% 0%;}.qu_leader{font-size:1.2em; color: #333;}.qu_strong {font-size:2em; font-weight:900;}.theme_con .swiper-container-horizontal>.swiper-pagination-progressbar { height: 8px; bottom: 0; top: unset;}.theme_con .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: #000;}.tab_text {display:inline-block;} 아름다운 미술관·박물관 이색적인 현대 건축물 한옥의 미를 간직한 현대 건축물 전통 건축물 근대 건축물 --> 건축가 위치 주변여행지 Tip 자세히보기 /* tab에 설정된 스폿(이미지의 개수)*/var nowtab_cnt =0;var nowtab =;var nowtab_con =;var displayWidth = ;var startYN =Y;var rn =0; var starttab =;$(document).ready(function(){ rn = Math.floor(Math.random() * 5) + 1; starttab =tab0+rn; nowtab =starttab; conlistrollover(); stargGo(); }); $(window).resize(function (){ var width_size = $(window).outerWidth(); if (width_size = 1024 ) { $('#tab01 img').attr(src,https://cdn.visitkorea.or.kr/img/call?cmd=VIEW&id=07aeeb84-54f0-4843-9241-fb3b84fb0737); $('#tab02 img').attr(src,https://cdn.visitkorea.or.kr/img/call?cmd=VIEW&id=b240f3e0-4052-4525-a2b0-3eee5da2277b); $('#tab03 img').attr(src,https://cdn.visitkorea.or.kr/img/call?cmd=VIEW&id=2e7630e7-198f-4afd-b138-e14c98f7c48b); $('#tab04 img').attr(src,https://cdn.visitkorea.or.kr/img/call?cmd=VIEW&id=2816c4c9-8b4c-47be-a8f8-69791189467b); $('#tab05 img').attr(src,https://cdn.visitkorea.or.kr/img/call?cmd=VIEW&id=910a41a5-cf90-4e54-9ed7-adbcabf5aa24); displayWidth = ; stargGo(); } });function stargGo(){ if ($(window).width() '; $('.body_ul').html(bhtml); } dataload(nowtab); }/* 리스트 데이터 구성 */ function dataload(nowtab){ /*alert(데이터를 만들자);*/ for(var i=1; i @media screen and(max-width: 1280px) { .dim_con { left: 20%; top: 5%; width: 60%; } .close_btn{ right: 21%; top: 6%; } .mover {display:none;} .pcver {display:block;} } @media screen and (max-width: 1023px) { .curation_area { MARGIN: UNSET; } .con_li {width:50%; } .mover {display:inline-block;} .pcver {display:none;} .con_li { width: 50%; } .tab_qu { text-align: left; margin: 3% 3%; } .tab_ul { padding-bottom: 3%; } .dim_con{ top:8%; left: 2.5%; width: 95%; } .close_btn { position: fixed; right: 0%; top: 6%; max-width: 30px; } .close_btn img {width:100%;} .dim_con_detailLink { margin: 5% 0%; } .detail_btn { width: 40%; padding: 3% 0%; } .dim_title_area { width: 30%;} .dim_text_area {width:70%;} .tab_qu { text-align: center; margin: 10% 0%;} .qu_strong { font-size: 1.8em;} .con_li:nth-child(2n-1) { padding: 3% 1.5% 3% 3%; } .con_li:nth-child(2n) { padding: 3% 3% 3% 1.5%;} .con_dim {display:none;} .plus_btn {display:none;} .more_txt {position: relative;} .spot_text { color: #000; padding-top: 3%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;} .more_txt {display:inline-block; z-index: unset;} } @media screen and (max-width: 1023px){.tit_cont.titleType1 { padding: 2% 3% !important;}}