대한민국 구석구석 x 국가유산진흥원, 유네스코 세계유산위원회 부산 개최 기념 교과서 밖으로 떠나는 여름방학 역사 여행 세계유산협약 가입 38년 만에 의장국으로서 세계유산위원회 총회를 개최하는 2026년 여름! 세계가 주목하는 우리 유산의 매력을 찾아, 교과서 밖으로 역사 여행을 떠나보는 건 어떨까요? 밀도 높게 즐기기 깊이 있게 즐기기 대한민국의 17개 세계유산을 한자리에서 보고 싶다면? 세계유산위원회 대한민국관(K-Heritage House) 부산 벡스코에 조성되는 축구장 2배 규모의 초대형 팝업 공간, '세계유산위원회 대한민국관'에 여러분을 초대합니다. 세계적으로 가치를 인정받은 우리나라의 세계유산은 물론, 각 지역의 다채로운 문화유산 이야기까지 가득 채운 전시를 밀도 높게 즐겨보세요! 바다, 광안리 해수욕장, 대중교통 약 20분, ⓒ트래블리더 13기 안채원 핫플, 해리단길, 대중교통 약 20분, ⓒ 다님 9기 진승혜 문화공간, 밀락더마켓, 대중교통 약 25분, ⓒ 트래블리더 16기 정민화 로컬시장, 해운대시장, 대중교통 약 15분 인생샷, 해운대 블루라인파크, 대중교통 약 30분, ⓒ 부산관광공사 야경, 더베이101, 대중교통 약 15분 대한민국 구석구석 단독 유네스코 세계유산위원회 개최 기념, 특별코스 방문 발도장 이벤트 이벤트 안내 이벤트 기간 2026. 7. 20. ~ 2026. 8. 20. 당첨자 발표 2026. 8. 31. 선착순 경품은 당첨자 개별 공지 예정입니다. 참여 혜택 조선왕실 와인마개 추첨 5명 살얼음 식혜 모바일 교환권 선착순 200명 참여 방법 세계유산위원회 특별코스 확인하기 원하는 지역을 골라 여행지 방문하기 앱 로그인 후, 여행지 상세페이지 내 발도장 클릭! 이벤트 참여 정보 제출하기 클릭 후, 개인정보 입력하면 끝! 본 페이지는 국가유산진흥원의 '세계유산위원회 특별여권' 디자인을 활용하여 제작되었습니다. 세계가 주목하는 ‘K-헤리티지’를 제대로 느끼고 싶다면? 세계유산위원회 특별코스 유네스코 세계유산위원회 총회를 기념하여, 국가유산 방문 캠페인의 일환으로 운영되는 특별코스를 소개합니다. 영남이 품은 시대의 기록을 따라 걸으며 우리 문화유산을 조금 더 깊이 있게 즐겨보세요! 유네스코 세계유산 고령 지산동 고분군 스탬프 활성화 유네스코 세계유산 고성 송학동 고분군 스탬프 비활성화 김해 국립김해박물관 스탬프 비활성화 유네스코 세계유산 김해 대성동 고분군 스탬프 비활성화 김해 수로왕릉 스탬프 비활성화 유네스코 세계유산 창녕 교동과 송현동 고분군 스탬프 비활성화 유네스코 세계유산 함안 말이산 고분군 스탬프 비활성화 유네스코 세계유산 합천 옥전 고분군 스탬프 비활성화 유네스코 세계유산 안동 봉정사 스탬프 비활성화 유네스코 세계유산 양산 통도사 스탬프 비활성화 유네스코 세계유산 영주 부석사 스탬프 비활성화 유네스코 세계유산 합천 해인사 장경판전 스탬프 비활성화 유네스코 세계유산 경주 옥산서원 스탬프 비활성화 유네스코 세계유산 달성 도동서원 스탬프 비활성화 유네스코 세계유산 안동 도산서원 스탬프 비활성화 유네스코 세계유산 안동 병산서원 스탬프 비활성화 유네스코 세계유산 영주 소수서원 스탬프 비활성화 유네스코 세계유산 경주 계림 스탬프 비활성화 유네스코 세계유산 경주 대릉원 일원 스탬프 비활성화 유네스코 세계유산 경주 불국사 스탬프 비활성화 유네스코 세계유산 경주 석굴암 스탬프 비활성화 유네스코 세계유산 경주 월성 스탬프 비활성화 유네스코 세계유산 경주 양동마을 스탬프 비활성화 유네스코 세계유산 안동 하회마을 스탬프 비활성화 유네스코 세계유산 울주 대곡리 반구대 암각화 스탬프 비활성화 유네스코 세계유산 울주 천전리 명문과 암각화 스탬프 비활성화 부산 아미동 비석문화마을 스탬프 비활성화 부산 임시수도기념관 스탬프 비활성화 부산 재한유엔기념공원 스탬프 비활성화 더 많은 '세계유산' 보러 가기 유네스코 세계유산위원회 개최 기념, 대한민국 구석구석 단독 특별코스 방문 발도장 이벤트 이벤트 안내 이벤트 기간 2026. 7. 20. ~ 2026. 7. 29. 당첨자 발표 2026. 7. 29. 선착순 경품은 당첨자 개별 공지 예정입니다. 참여 혜택 조선왕실 와인마개 추첨 5명 살얼음 식혜 모바일 교환권 선착순 200명 참여 방법 세계유산위원회 특별코스 확인하기 원하는 지역을 골라 여행지 방문하기 앱 로그인 후, 여행지 상세페이지 내 발도장 클릭! 이벤트 참여 정보 제출하기 클릭 후, 개인정보 입력하면 끝! 본 페이지는 국가유산진흥원의 '세계유산위원회 특별여권' 디자인을 활용하여 제작되었습니다. 고령 지산동 고분군 ⓒ 한국관광공사 포토코리아-한승호 대가야 지배계층의 고분 토기와 무기, 장식품 등 다양한 유물이 출토되어 대가야 연구의 중심이 된 곳 자세히 보기 특별코스 방문 인증 발도장 남기는 법 영남의 역사적 장소들을 방문하고, 특별코스 완주의 기쁨을 느껴보세요. 1. 가고 싶은 장소를 선택해 여행지 정보를 확인하세요. 2. ‘대한민국 구석구석’ 앱 로그인 후 여행지에 방문해 발도장을 남기세요. 3. 발도장을 남기면 특별코스 목록에 발도장이 반영돼요. #contents { width: 100%; padding: 0; } .tit_cont.titleType1,.wrap_contView .box_modInfo,.db_cont_detail, .recommendation_group { width: 940px; margin: 0 auto; } .btm_team.team_marg { width: 940px; margin: 40px auto 10px; } .history_travel { max-width: 192rem; overflow: hidden; margin: 0 auto; font-size: 1.6rem; color: #000; line-height: 1.2; } .history_travel a { color: #000; } .history_travel .pc { display: block; margin: 0 auto; } .history_travel .mo { display: none; } .history_travel .inr { position: relative; max-width: 98rem; padding: 0 2rem; margin: 0 auto; text-align: center; } /* 타이틀 */ .history_travel .title_section { background: url(/resources/images/theme/2026unesco/bg_title.png) center 0 / cover no-repeat; } .history_travel .title_section img { width: 100%; margin: 0 auto; } /* 탭 */ .history_travel .tab_section .tab { background: #00AAFF; } .history_travel .tab_wrap { position: relative; height: 11.1rem; background: linear-gradient(to bottom, #00AAFF 0, #00AAFF 8.5rem, transparent 8.5rem), url(/resources/images/theme/2026unesco/bg_tab.png) center / cover no-repeat;; } .history_travel .tab_wrap .inr { display: flex; justify-content: center; height: 100%; } .history_travel .tab_wrap button { flex: 1; text-indent: -9999px; } .history_travel .tab_wrap .tab_a { background: url(/resources/images/theme/2026unesco/tab_a.png) 0 0 / 100% auto no-repeat; } .history_travel .tab_wrap .tab_b { background: url(/resources/images/theme/2026unesco/tab_b.png) 0 0 / 100% auto no-repeat; } .history_travel .tab_wrap .tab_a.active, .history_travel .tab_wrap .tab_b.active { background-position: 0 -11.1rem; } .history_travel .tab_btn:focus-visible { outline: 0.2rem solid #e8463b; outline-offset: 0.3rem; } .history_travel .tab_panel { display: none; } .history_travel .tab_panel.active { display: block; } .history_travel .tab_panel#panel_a { background: url(/resources/images/theme/2026unesco/bg_a.png) center 0 / cover no-repeat; } .history_travel .tab_panel#panel_b { background: url(/resources/images/theme/2026unesco/bg_b.png) center 0 / cover no-repeat; } /* 전시관람 포인트 */ .history_travel .topic_block { padding: 12rem 0 10rem; } .history_travel .topic_block h4 { text-align: center; margin-bottom: 3.6rem; } .history_travel .topic_block .swiper-container { max-width: 94rem; padding-bottom: 4rem; } .history_travel .topic_block .swiper-slide-next, .history_travel .topic_block .swiper-slide-prev { filter: blur(1.5px); } .history_travel .topic_block .swiper-pagination { bottom: 0.5rem; } .history_travel .topic_block .swiper-pagination-bullet { width: 1.2rem; height: 1.2rem; margin: 0 0.4rem; background: transparent; border: 1px solid #fff; opacity: 1; } .history_travel .topic_block .swiper-pagination-bullet-active { background: #fff; } .history_travel .btn_sub1 { display: block; width: fit-content; margin: 3.5rem auto 0; } /* 추천 여행지 */ .history_travel .reco_spot { padding: 7rem 0 9.2rem; } .history_travel .reco_spot .list { position: relative; } .history_travel .reco_spot .list ul { display: flex; flex-wrap: wrap; gap: 2rem 1.7rem; position: absolute; top: 0; left: 0; width: 100%; } .history_travel .reco_spot .list ul li { width: calc((100% - 3.4rem) / 3); height: auto; aspect-ratio: 302 / 334; } .history_travel .reco_spot .list ul li a { display: block; width: 100%; height: 100%; text-indent: -9999px; } .history_travel .reco_spot .list ul li a:focus-visible { outline-offset: 2px; } .history_travel .reco_spot .btn_sub2 { display: block; width: fit-content; margin: 5rem auto 0; } /* 이벤트 */ .history_travel .event { padding: 7.6rem 0 0; } .history_travel .event .cont { position: relative; max-width: 98rem; margin: 0 auto; } .history_travel .event .balloon { display: block; position: absolute; right: 19rem; bottom: 5.5rem; width: 38.4rem; animation: headShake 1s infinite; } .history_travel .event .btn { position: relative; display: flex; justify-content: center; align-items: center; gap: 1rem; } .history_travel .event .btn + p { padding: 4.5rem 0; color: #fff; font-size: 1.6rem; font-weight: 300; text-align: center; } /* 특벽코스 */ .history_travel .special_cos { padding: 12rem 0 13.2rem; } .history_travel .special_cos .btn_stamp { display: flex; margin-left: auto; width: 16rem; margin-bottom: 1rem;} .history_travel .special_cos .btn_stamp img { width: 100%; } .history_travel .special_cos .cos_wrap ul { display: flex; flex-wrap: wrap; justify-content: end; width: 100%; gap: 1.6rem 1.7rem;} .history_travel .special_cos .cos_wrap ul li { width: calc((100% - 3.4rem) / 3);} .history_travel .special_cos .cos_wrap ul li button{filter: grayscale(100%); transition: filter 1s ease-out; position: relative; display: flex; flex-direction: column; align-items: center; gap: 2rem; width: 100%; height: 100%; padding: 1.6rem; background: url(/resources/images/theme/2026unesco/bg_spot_ticket.png) center / 100% 100% no-repeat; cursor: pointer; } .history_travel .special_cos .cos_wrap ul li button.is_active{filter: grayscale(0%);} @media (prefers-reduced-motion: reduce) { .cos_wrap button { transition: none; } } .history_travel .special_cos .cos_wrap .img { position: relative; height: 22rem; width: 100%; border-radius: 1rem; overflow: hidden; } .history_travel .special_cos .cos_wrap .img img { width: 100%; height: 100%; object-fit: cover; object-position: center;} .history_travel .special_cos .cos_wrap .unesco { position: absolute; top: 1rem; left: 1rem; display: flex; align-items: center; gap: 0.3rem; padding: 0.6rem 1rem; background: rgba(0, 0, 0, 0.6); border-radius: 1rem; font-weight: 800; font-size: 1.5rem; line-height: 1.2; color: #fff;} .history_travel .special_cos .cos_wrap .unesco:before { content: ''; display: inline-block; width: 2rem; height: 1.5rem; background: url(/resources/images/theme/2026unesco/ic_unesco.png) center / 100% 100% no-repeat; } .history_travel .special_cos .cos_wrap .txt_wrap { width: 100%; padding-top: 2rem;} .history_travel .special_cos .cos_wrap .txt_wrap .area { display: flex; align-items: center; gap: 0.5rem; font-weight: 800; font-size: 1.8rem; line-height: 1.5; color: #00AAFF; } .history_travel .special_cos .cos_wrap .txt_wrap .area:before { content: ''; display: inline-block; width: 1.3rem; height: 1.5rem; background: url(/resources/images/theme/2026unesco/ic_place.png) center / 100% 100% no-repeat; } .history_travel .special_cos .cos_wrap .txt_wrap strong {display: block; margin-top: 0.3rem; font-weight: 600; font-size: 2.2rem; line-height: 1.5; color: #000; text-align: left;} .history_travel .special_cos .cos_wrap .stamp{position: absolute; right: -0.5rem; bottom: 1rem; width: 9.6rem; height: 7.9rem; background: url(/resources/images/theme/2026unesco/img_stamp.png) 0 0 / 100% auto no-repeat; text-indent: -9999px;} .history_travel .special_cos .cos_wrap .stamp.on{background-position: 0 -8.2rem;} .history_travel .special_cos .cos_wrap ul li.more a{ position: relative; display: block; align-content: center; width: 100%; height: 100%; background: url(/resources/images/theme/2026unesco/img_spot_more.png) center / 100% 100% no-repeat; } .history_travel .special_cos .cos_wrap ul li.more img { width: 8.8rem; height: 6.1rem; } .history_travel .special_cos .cos_wrap ul li.more span { display: inline-block; padding: 1.5rem 4rem; margin-top: 1.8rem; background: #fff; border-radius: 5rem; font-size: 2rem; line-height: 1.4;} .history_travel .special_cos .cos_wrap ul li.more span em{display: block; font-size: 2.2rem; letter-spacing: -0.02em; font-weight: 800;} .history_travel .special_cos .cos_wrap ul li.more span em:after { content: ''; display: inline-block; width: 1rem; height: 1.8rem; margin-left: 0.7rem; vertical-align: -0.1rem; background: url(/resources/images/theme/2026unesco/btn_spot_more.png) center / 100% 100% no-repeat; } /* 푸터 배너 */ .history_travel .footer_section .footer01 { background-color: #f7f7f7; } .history_travel .footer_section .footer02 { background-color: #f0f0f0; } .history_travel .footer_section .inr { padding: 0; max-width: 120rem; } .history_travel .footer_section img { width: 100%; } /* 코스 팝업 */ .history_travel .dim_layer { display: none; position: fixed; inset: 0; background: rgba(0, 0, 0, 0.86); z-index: 111; } .history_travel .dim_layer.is_open { display: block; } .history_travel .popup_wrap { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-height: 90vh; overflow-y: auto; background: #fff; border-radius: 3rem; padding: 4.8rem 3.35rem 4rem; width: 100%; max-width: 53rem; text-align: center; -ms-overflow-style: none; scrollbar-width: none; } .history_travel .popup_wrap::-webkit-scrollbar { display: none; } .history_travel .btn_close { position: absolute; top: 2rem; right: 2rem; display: flex; align-items: center; justify-content: center; width: 2.8rem; height: 2.8rem; flex-shrink: 0; } .history_travel .btn_close img { width: 100%; height: 100%; object-fit: cover; object-position: center; } .history_travel .tit_wrap .area { display: flex; align-items: center; justify-content: center; gap: 0.5rem; font-size: 2.2rem; font-weight: 800; margin-bottom: 0.2rem; color: #00AAFF; } .history_travel .tit_wrap .area::before { content: ''; display: inline-block; width: 1.6rem; height: 1.9rem; background: url(/resources/images/theme/2026unesco/ic_place.png) 0 0 / 100% 100% no-repeat; line-height: 1.5; } .history_travel .tit_wrap .main_tit { display: block; font-size: 3rem; font-weight: 800; line-height: 1.5; } .history_travel .cosimg { width: 100%; margin-top: 2rem; position: relative; } .history_travel .cosimg img { width: 100%; object-fit: cover; object-position: center; } .history_travel .cosimg .copyright { display: flex; justify-content: flex-end; align-items: flex-end; width: 100%; height: 4.4rem; box-sizing: border-box; padding: 0 0.7rem 0.5rem 0; background: linear-gradient(180deg, rgba(68, 68, 68, 0) 0%, rgba(68, 68, 68, 0.6) 52.88%); color: #fff; letter-spacing: -0.03em; font-size: 1.2rem; font-weight: 700; position: absolute; bottom: 0; right: 0; } .history_travel .info_wrap strong { display: block; margin-top: 2rem; font-size: 2.2rem; font-weight: 800; color: #1C9C91; letter-spacing: -0.03em; line-height: 1.3; } .history_travel .info_wrap p { margin-top: 1rem; font-size: 1.8rem; letter-spacing: -0.03em; line-height: 1.3; } .history_travel .btn_more { animation: float 2s ease-in-out infinite; margin-top: 2.5rem; background: #00AAFF; border-radius: 9999px; padding: 2.4rem 4rem; display: flex; align-items: center; justify-content: center; gap: 0.8rem; cursor: pointer; font-size: 2rem; color: #fff; letter-spacing: -0.03em; font-weight: 600; } .history_travel .btn_more::after { content: ''; display: inline-block; width: 1.2rem; height: 1.8rem; background: url(/resources/images/theme/2026unesco/btn_more.png) 0 0 / 100% 100% no-repeat; } .history_travel .btn_more:focus-visible { outline-offset: 2px; } /* 발도장 안내 팝업 */ .history_travel .dim_layer2 { position: fixed; inset: 0; background: rgba(0, 0, 0, 0.7); z-index: 200; display: none; } .history_travel .dim_layer2.is_open { display: block; } .history_travel .stamp_popup { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: #fff; border-radius: 3rem; padding: 4.8rem 6rem 4rem; width: 100%; max-width: 59.5rem; max-height: 90vh; overflow-y: auto; -ms-overflow-style: none; scrollbar-width: none; position: relative; display: flex; flex-direction: column; gap: 2.4rem; } .history_travel .stamp_popup::-webkit-scrollbar { display: none; } .history_travel .stamp_popup .btn_close { position: absolute; top: 2rem; right: 2rem; } .history_travel .stamp_popup .pop_head { position: relative; border-bottom: 1px solid #1C9C91; text-align: center; } .history_travel .stamp_popup .pop_head::after { content: ''; position: absolute; bottom: -0.5rem; left: 50%; transform: translateX(-50%); display: inline-block; width: 3.3rem; height: 1rem; background: url(/resources/images/theme/2026unesco/pop_line.png) 0 0 / 100% 100% no-repeat; } .history_travel .stamp_popup .pop_head .ico_wrap { font-size: 0; } .history_travel .stamp_popup .pop_head .ico_wrap img { width: 3.2rem; height: 3.2rem; padding-right: 1rem; object-fit: contain; vertical-align: -0.4rem; } .history_travel .stamp_popup .pop_head .ico_wrap + p { font-size: 2.2rem; letter-spacing: -0.03em; font-weight: 700; padding: 1rem 0 3rem; } .history_travel .stamp_popup .pop_head .pop_tit { font-size: 3rem; font-weight: 800; color: #1C9C91; letter-spacing: -0.03em; } .history_travel .step_list { display: flex; flex-direction: column; gap: 1.8rem; padding: 0 0.7rem; } .history_travel .step_item { display: flex; align-items: center; gap: 1.6rem; } .history_travel .step_item .img { position: relative; width: 20.8rem; flex-shrink: 0; } .history_travel .step_item .thumb { width: 100%; } .history_travel .step_item .img img + img { position: absolute; animation: blink 1.2s ease-in-out infinite; } .history_travel .step_item .img .hand { bottom: 3%; right: 28%; width: 12.99%; } .history_travel .step_item .img .circle { bottom: 16%; right: 22%; width: 22.12%; animation-delay: 0.3s; } .history_travel .step_item .img .stamp { bottom: 7%; right: 16%; width: 21.64%; animation-delay: 0.5s; } .history_travel .step_item .step_txt { flex: 1; } .history_travel .step_item .step_txt .desc { display: block; font-size: 1.9rem; font-weight: 700; line-height: 1.3; letter-spacing: -0.03em; } .history_travel .stamp_notice { text-align: center; font-size: 1.5rem; color: #0D68D0; font-weight: 700; line-height: 1.3; } .history_travel .fade-up { opacity: 0; transform: translateY(50px); transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94); } .history_travel .fade-up.animate { opacity: 1; transform: translateY(0); } @keyframes headShake { 0% { transform: translateX(0); } 6.5% { transform: translateX(-6px) rotateY(-9deg); } 18.5% { transform: translateX(5px) rotateY(7deg); } 31.5% { transform: translateX(-3px) rotateY(-5deg); } 43.5% { transform: translateX(2px) rotateY(3deg); } 50% { transform: translateX(0); } } @keyframes blink { 0%, 100% { opacity: 1; } 50% { opacity: 0; } } @keyframes float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-8px); } } @media all and (max-width:1023px){ .user_expression { padding: 30px 15px; } .ai_review_summary { padding: 0 15px; } .tit_cont.titleType1, .wrap_contView .box_modInfo, .db_cont_detail, .recommendation_group { width: auto; margin: 0 15px; } .btm_team.team_marg { width: auto; margin: 20px 15px 0; } .history_travel { font-size: 1.4rem; } .history_travel .mo { display: block; margin: 0 auto; } .history_travel .pc { display: none; } .history_travel .inr { padding: 0 4.10vw; } .history_travel img { width: 100%; } /* 타이틀 */ .history_travel .title_section { background: linear-gradient(180deg, #9FF5FF 0%, #F6FEFF 90%); } .history_travel .title_section .inr { padding: 0; } /* 탭 */ .history_travel .tab_section .tab_wrap .inr { padding: 0; } .history_travel .tab_wrap { height: 16.41vw; background: url(/resources/images/theme/2026unesco/bg_tab.png) 0 0 / cover no-repeat; } .history_travel .tab_wrap::after { height: 12.82vw; } .history_travel .tab_wrap .tab_a { background: url(/resources/images/theme/2026unesco/tab_a_mo.png) 0 0 / 100% auto no-repeat; } .history_travel .tab_wrap .tab_b { background: url(/resources/images/theme/2026unesco/tab_b_mo.png) 0 0 / 100% auto no-repeat; } .history_travel .tab_wrap .tab_a.active, .history_travel .tab_wrap .tab_b.active { background-position: 0 100%; } .history_travel .tab_panel#panel_a{background: url(/resources/images/theme/2026unesco/bg_a_mo.png) center 0 / 100% 100% no-repeat;} .history_travel .tab_panel#panel_b{background: url(/resources/images/theme/2026unesco/bg_b_mo.png) center 0 / 100% 100% no-repeat;} /* 전시관람 포인트 */ .history_travel .topic_block{padding: 12.82vw 0 7.69vw;} .history_travel .topic_block .inr{padding: 0;} .history_travel .topic_block h4 { padding: 0 4.10vw; margin-bottom: 5.13vw;} .history_travel .topic_block .swiper-container { padding-bottom: 7.69vw; } .history_travel .topic_block .swiper-wrapper { gap: 0; } .history_travel .topic_block .swiper-pagination { bottom: 0; } .history_travel .topic_block .swiper-pagination-bullet { width: 3.08vw; height: 3.08vw; margin: 0 1.03vw; border: 0.26vw solid #fff;} .history_travel .btn_sub1 { width: 74.872%; margin: 5.13vw auto 0;} /* 추천 여행지 */ .history_travel .reco_spot{padding: 16.41vw 0 12.82vw;} .history_travel .reco_spot .list ul { gap: 2.56vw; } .history_travel .reco_spot .list ul li { width: calc((100% - 2.56vw) / 2); aspect-ratio: 174 / 235; } .history_travel .reco_spot .btn_sub2{margin: 8.72vw auto 0; width: 87.2%;} /* 이벤트 */ .history_travel .event{padding: 8.21vw 0;} .history_travel .event .btn { flex-direction: column; gap: 0; } .history_travel .event .btn a { width: 75.385%; } .history_travel .event .balloon { width: 73.333%; right: 13%; bottom: 3%;} .history_travel .event .btn + p { font-size: 2.05vw; padding: 3.85vw 0; } /* 특별코스 */ .history_travel .special_cos{padding: 10.97vw 0 15.90vw;} .history_travel .special_cos .btn_stamp{width: 36.41vw; margin-bottom: 5.13vw;} .history_travel .special_cos .cos_wrap ul{gap: 3.59vw 2.56vw;} .history_travel .special_cos .cos_wrap ul li{width: calc((100% - 2.56vw) / 2);} .history_travel .special_cos .cos_wrap ul li button{padding: 3.33vw 3.08vw; gap: 3.08vw; background: url(/resources/images/theme/2026unesco/bg_spot_ticket_mo.png) center / 100% 100% no-repeat;} .history_travel .special_cos .cos_wrap .img{height: 32.31vw; border-radius: 2.56vw;} .history_travel .special_cos .cos_wrap .unesco{font-size: 3.08vw; top: 1.28vw; left: 1.28vw; padding: 1.54vw; border-radius: 2.56vw;} .history_travel .special_cos .cos_wrap .unesco:before{width: 3.33vw; height: 2.56vw;} .history_travel .special_cos .cos_wrap .txt_wrap{padding-top: 4.10vw;} .history_travel .special_cos .cos_wrap .txt_wrap .area{font-size: 3.85vw;} .history_travel .special_cos .cos_wrap .txt_wrap strong{font-size: 4.62vw; letter-spacing: -0.02em; margin-top: 0.77vw;} .history_travel .special_cos .cos_wrap .stamp{width: 18.46vw; height: 15.38vw; bottom: 20.51vw; right: -2.56vw;} .history_travel .special_cos .cos_wrap .stamp.on{background-position: 0 -15.38vw;} .history_travel .special_cos .cos_wrap ul li.more img{width: 22.56vw; height: 15.64vw;} .history_travel .special_cos .cos_wrap ul li.more span{font-size: 3.85vw; padding: 3.08vw 5.13vw; margin-top: 2.56vw;} .history_travel .special_cos .cos_wrap ul li.more span em{font-size: 4.62vw;} .history_travel .special_cos .cos_wrap ul li.more span em:after{width: 2.31vw; height: 4.10vw;} /* 코스 팝업 */ .history_travel .popup_wrap { border-radius: 1.8rem; padding: 3.2rem 2.2rem 2.6rem; gap: 1.6rem; max-height: 90vh; width: 88.718%; } .history_travel .btn_close { width: 1.8rem; height: 1.8rem; top: 1.2rem; right: 1.2rem; } .history_travel .tit_wrap .area { font-size: 1.4rem; gap: 0.3rem; } .history_travel .tit_wrap .area::before { width: 1rem; height: 1.2rem; } .history_travel .tit_wrap .main_tit { font-size: 2.4rem; } .history_travel .cosimg { margin-top: 1.3rem; } .history_travel .cosimg .copyright { font-size: 0.9rem; height: 2.8rem; } .history_travel .info_wrap strong { font-size: 1.8rem; margin-top: 1.3rem; } .history_travel .info_wrap p { font-size: 1.5rem; margin-top: 0.6rem; } .history_travel .btn_more { padding: 1.5rem 2rem; font-size: 1.5rem; margin-top: 1.8rem; } .history_travel .btn_more::after { width: 0.7rem; height: 1.1rem; } /* 발도장 안내 팝업 */ .history_travel .stamp_popup { padding: 2.5rem 2.4rem 2.2rem; width: 82%; border-radius: 1.8rem; gap: 1.6rem; } .history_travel .stamp_popup .btn_close { width: 1.8rem; height: 1.8rem; top: 1.2rem; right: 1.2rem; } .history_travel .stamp_popup .pop_head { margin: 0 0.7rem; } .history_travel .stamp_popup .pop_head::after { width: 1.8rem; height: 0.5rem; bottom: -0.3rem; } .history_travel .stamp_popup .pop_head .pop_tit { font-size: 2.4rem; line-height: 1.4; } .history_travel .stamp_popup .pop_head .ico_wrap + p { padding: 1.2rem 0; font-size: 1.5rem; } .history_travel .stamp_popup .pop_head .ico_wrap { gap: 0.3rem; } .history_travel .stamp_popup .pop_head .ico_wrap img { width: 2.5rem; height: 2.5rem; padding-right: 0.7rem; vertical-align: -0.3rem; } .history_travel .step_list { gap: 0.9rem; padding: 0; } .history_travel .step_item { gap: 1rem; } .history_travel .step_item .img { width: 36.91%; } .history_travel .step_item .img img + img { width: auto; } .history_travel .step_item .step_txt .desc { font-size: 1.5rem; } } @media all and (min-width: 768px) and (max-width: 1023px){ .history_travel .reco_spot .btn_sub2{margin-top: 8.72vw;} } let unescoTheme = new Map([ ['d4e789f3-383b-476f-aa76-53ce928534b1', new Map([ ['area', '고령'], ['title', '지산동 고분군'], ['picture', 'ⓒ한국관광공사 포토코리아-한승호'], ['catchplace', '대가야 지배계층의 고분'], ['info', '토기와 무기, 장식품 등 다양한 유물이 출토되어 대가야 연구의 중심이 된 곳'] ])], ['9e18116a-aa80-41df-93f7-c3b33b986214', new Map([ ['area', '고성'], ['title', '송학동 고분군'], ['picture', 'ⓒ한국관광공사 포토코리아-장재윤'], ['catchplace', '소가야 문화를 품은 왕릉'], ['info', '언덕을 고르고 흙을 쌓아 올린 판축 기술이 활용된 7기의 고분 유적'] ])], ['be1bdb1a-92d4-4d61-9719-85369fb83afa', new Map([ ['area', '김해'], ['title', '국립김해박물관'], ['picture', 'ⓒ다님 8기 김덕식'], ['catchplace', '우리나라 대표 가야사 특화 박물관'], ['info', '독특한 가야 토기와 철기 무기 등을 통해 가야인의 삶을 그려보는 공간'] ])], ['3bd4ad2d-0c08-46c2-bdab-ec475223e3b0', new Map([ ['area', '김해'], ['title', '대성동 고분군'], ['picture', 'ⓒ한국관광공사 포토코리아-송희재'], ['catchplace', '4세기 한국 고대사의 증거'], ['info', '공백으로 남아 있던 4세기 전후의 비밀을 밝혀낸 금관가야 고분군'] ])], ['04f41d21-459a-4112-8947-3c77d3eedfdc', new Map([ ['area', '김해'], ['title', '수로왕릉'], ['picture', 'ⓒ트래블리더 17기 박수빈'], ['catchplace', '금관가야의 시작'], ['info', '김해 김씨의 시조이자 가락국을 건국한 수로왕의 왕릉'] ])], ['50c8226e-21ea-4497-b5d8-2a6e2a4f55bf', new Map([ ['area', '창녕'], ['title', '교동과 송현동 고분군'], ['picture', ''], ['catchplace', '비사벌 가야 왕의 위상'], ['info', '창녕이 과거 가야 영역이었음을 보여주는 불사국(비사벌)의 고분 유적'] ])], ['e5c85297-5ced-41f6-aa18-be67ec343a97', new Map([ ['area', '함안'], ['title', '말이산 고분군'], ['picture', 'ⓒ한국관광공사 포토코리아-오경택'], ['catchplace', '아라가야의 우수한 문화상'], ['info', '\'철의 왕국\'의 위상을 증명하는 금은 장신구와 불꽃무늬 토기 등이 출토된 유적'] ])], ['685f6fb6-89d8-45e2-8f48-572445718bf3', new Map([ ['area', '합천'], ['title', '옥전 고분군'], ['picture', 'ⓒ다님 7기 안영관'], ['catchplace', '한국 고분 문화의 정수'], ['info', '덧널무덤과 굴식 돌방무덤 등 다양한 유형의 고분이 모여있는 가야의 유적지'] ])], ['aef12332-e6b9-4fec-a669-04685c512e6f', new Map([ ['area', '안동'], ['title', '봉정사'], ['picture', 'ⓒ트래블리더 14기 박수빈'], ['catchplace', '봉황이 머무른 산사'], ['info', '우리나라에서 가장 오래된 목조건축물인 극락전을 품은 사찰'] ])], ['7a1a6cd1-d3bf-4fd6-8ad7-f664f38d953c', new Map([ ['area', '양산'], ['title', '통도사'], ['picture', ''], ['catchplace', '금강송이 인사하는 불보사찰'], ['info', '불상 대신 석가모니 부처님의 진신사리를 모신 우리나라 대표 사찰'] ])], ['cb420683-215e-4a5c-89ec-b626e5df6612', new Map([ ['area', '영주'], ['title', '부석사'], ['picture', 'ⓒ트래블리더 13기 박명호'], ['catchplace', '전통과 아름다움이 깃든 산사'], ['info', '의상대사가 창건한 화엄 10찰 중 하나이자 화엄사의 본사로 여겨지는 곳'] ])], ['77872fac-c479-4f61-9475-9f172ed8a2c8', new Map([ ['area', '합천'], ['title', '해인사 장경판전'], ['picture', ''], ['catchplace', '보존 과학의 결정체'], ['info', '500년이 넘는 세월 동안 팔만대장경을 지켜온 목판 보관용 건축물'] ])], ['a6007b3f-17e2-48ee-a97a-5a9e01952df7', new Map([ ['area', '경주'], ['title', '옥산서원'], ['picture', ''], ['catchplace', '자연과 학문이 어우러진 누마루의 미학'], ['info', '서원 최초로 누마루가 도입된 곳이자 성리학자 이언적을 기리는 서원'] ])], ['4ff21364-50b2-4e9e-a3d4-b4fd32044d24', new Map([ ['area', '달성'], ['title', '도동서원'], ['picture', ''], ['catchplace', '소학동자를 기리는 서원'], ['info', '『소학』에 심취했던 김굉필을 추모하는 서원으로, 높낮이가 다른 지붕선이 아름다운 곳'] ])], ['750ea8b1-7ac3-4067-ad58-592500295824', new Map([ ['area', '안동'], ['title', '도산서원'], ['picture', 'ⓒ한국관광공사 포토코리아-앙지뉴 필름'], ['catchplace', '영남 유학의 중심'], ['info', '퇴계 이황을 배향한 대표적 서원으로, 검소한 선비의 품격이 깃든 공간'] ])], ['9748f019-0d47-47de-85a4-acfec5f3d14d', new Map([ ['area', '안동'], ['title', '병산서원'], ['picture', ''], ['catchplace', '빼어난 풍경을 자랑하는 서원'], ['info', '서애 류성룡을 배향한 서원으로, 산과 낙동강이 병풍처럼 감싸안은 곳'] ])], ['fb294a96-d625-4b7f-9ffc-3cb56c47203e', new Map([ ['area', '영주'], ['title', '소수서원'], ['picture', 'ⓒ한국관광공사 포토코리아-박장용'], ['catchplace', '우리나라 최초의 서원'], ['info', '우리나라 서원의 효시이자 최초로 국왕의 현판을 받은 사액서원'] ])], ['d3a06f77-257e-447f-a6b3-563b5a80494e', new Map([ ['area', '경주'], ['title', '계림'], ['picture', ''], ['catchplace', '신라의 시조가 탄생한 신성한 숲'], ['info', '첨성대와 월성 사이에 자리한 고목 숲으로, 김알지 설화의 무대가 된 곳'] ])], ['6da54421-9ab9-4853-80d6-1eadbf0ad73b', new Map([ ['area', '경주'], ['title', '대릉원 일원'], ['picture', 'ⓒ다님 6기 정민혜'], ['catchplace', '신라의 거대한 고분군 일원'], ['info', '내부 관람이 가능한 천마총, 거대한 황남대총 등 신라 왕족의 고분이 밀집된 유적지'] ])], ['a43fa503-b8db-42a8-817e-04f2e353fa42', new Map([ ['area', '경주'], ['title', '불국사'], ['picture', 'ⓒ다님 5기 윤상협'], ['catchplace', '땅에 옮겨놓은 부처님의 나라'], ['info', '다보탑과 석가탑 등 불교미술의 정수를 품은 신라시대의 대표 사찰'] ])], ['92bc2ee6-ac19-4a93-aa46-e54300fb4920', new Map([ ['area', '경주'], ['title', '석굴암'], ['picture', 'ⓒ국가유산포털'], ['catchplace', '종교와 과학이 빚어낸 걸작'], ['info', '신라인의 탁월한 예술성과 깊은 신앙심이 느껴지는 인공 석굴 속 본존불의 자태'] ])], ['2c6ae48e-b89d-48b7-82de-d78d267b7b8c', new Map([ ['area', '경주'], ['title', '월성'], ['picture', 'ⓒ네이버블로그 졍졍(wldud5839)'], ['catchplace', '반달을 닮은 성'], ['info', '신라 역대 왕들이 머물렀던 궁성이자 경주를 대표하는 야경 명소'] ])], ['507a7086-fab6-4f76-bb3a-dbc8b791a590', new Map([ ['area', '경주'], ['title', '양동마을'], ['picture', ''], ['catchplace', '두 양반 가문이 일군 500년의 우정'], ['info', '배산임수의 명당에서 수많은 인재를 배출해 온 월성 손씨와 여강 이씨의 집성촌'] ])], ['3e375cc0-c11e-45de-9651-e77d6b40891e', new Map([ ['area', '안동'], ['title', '하회마을'], ['picture', 'ⓒ한국관광공사 포토코리아-앙지뉴 필름'], ['catchplace', '독특한 문화를 간직한 씨족 마을'], ['info', '낙동강이 감싸 흐르는 지형 속 유교 전통과 조선의 주거 문화가 보존된 곳'] ])], ['bd0072ad-689c-4331-8277-7a4be94f8a4f', new Map([ ['area', '울주'], ['title', '대곡리 반구대 암각화'], ['picture', ''], ['catchplace', '바위에 새겨진 고래 이야기'], ['info', '파노라마처럼 펼쳐지는 300여 점의 바위그림이 증언하는 신석기 인류의 삶'] ])], ['c7c85f15-b89f-4f33-8728-207248ee8eb1', new Map([ ['area', '울주'], ['title', '천전리 명문과 암각화'], ['picture', ''], ['catchplace', '시대를 관통하는 역사실록'], ['info', '선사시대의 기하학적 문양과 신라시대의 명문이 한 바위 면에 공존하는 유적'] ])], ['ea7de929-3db1-404e-b545-1e3863d495cb', new Map([ ['area', '부산'], ['title', '아미동 비석문화마을'], ['picture', ''], ['catchplace', '묘비 위에 태어난 마을'], ['info', '6·25 전쟁 당시 일본인 공동묘지의 묘비를 활용해 집을 지은 피란민 주거지'] ])], ['c63df7f7-571b-410c-b3be-4634feffd114', new Map([ ['area', '부산'], ['title', '임시수도기념관'], ['picture', 'ⓒ한국관광공사 포토코리아-부산관광공사'], ['catchplace', '부산 피란 수도 1,023일의 기록'], ['info', '전쟁의 위기 속에서 국가 운영의 중심이 되었던 역사적 공간'] ])], ['70a80bd0-67b1-4537-ba17-b18e091fc12a', new Map([ ['area', '부산'], ['title', '재한유엔기념공원'], ['picture', 'ⓒ한국관광공사 포토코리아-오경택'], ['catchplace', '국경을 초월한 22개국 평화의 대서사시'], ['info', '6·25 전쟁으로 희생된 전몰장병들이 안장된 세계 유일의 UN 공식 묘역'] ])] ]); var pointSwiper = new Swiper('.point.swiper-container', { slidesPerView: 1.638, spaceBetween: 5, centeredSlides: true, observeParents: true, observer: true, pagination: { el: .point .swiper-pagination, type: 'bullets', clickable: true, }, breakpoints:{ 1023 :{ slidesPerView: 1.27, }, 768 :{ slidesPerView: 1.37, } } }); $('.tab_wrap button').on('click', function () { var target = $(this).attr('id') === 'tab_a' ? 'panel_a' : 'panel_b'; $('.tab_wrap button').removeClass('active').attr('aria-selected', 'false'); $('.tab_panel').removeClass('active'); $(this).addClass('active').attr('aria-selected', 'true'); $('#' + target).addClass('active'); sessionStorage.setItem('activeTab', target); }); $('.event .btn a[href=#panel_b]').on('click', function (e) { e.preventDefault(); $('#tab_b').trigger('click'); var gnbHeight = $('#gnbCommon').outerHeight() || 0; $('html, body').animate({ scrollTop: $('.tab_section').offset().top - gnbHeight }, 400); }); var savedTab = sessionStorage.getItem('activeTab'); if (savedTab && savedTab === 'panel_b') { $('.tab_wrap button').removeClass('active').attr('aria-selected', 'false'); $('.tab_panel').removeClass('active'); $('#tab_b').addClass('active').attr('aria-selected', 'true'); $('#panel_b').addClass('active'); } var lastScrollY = window.scrollY; var scrollDirection = 'down'; window.addEventListener('scroll', function () { var currentY = window.scrollY; scrollDirection = currentY > lastScrollY ? 'down' : 'up'; lastScrollY = currentY; }, { passive: true }); if ('IntersectionObserver' in window) { var fadeObserver = new IntersectionObserver(function (entries) { entries.forEach(function (entry) { if (entry.isIntersecting) { entry.target.classList.add('animate'); fadeObserver.unobserve(entry.target); }; }); }, { threshold: 0.3 }); var cosWrapObserver = new IntersectionObserver(function (entries) { entries.forEach(function (entry) { if (entry.isIntersecting && scrollDirection === 'down') { entry.target.classList.add('is_active'); cosWrapObserver.unobserve(entry.target); } }); }, { threshold: 0, rootMargin: '-50% 0px -50% 0px' }); document.querySelectorAll('.cos_wrap button').forEach(function (el) { cosWrapObserver.observe(el); }); function initFadeUp() { document.querySelectorAll('.fade-up').forEach(function (el) { fadeObserver.observe(el); }); }; if (document.readyState === 'complete' || document.readyState === 'interactive') { setTimeout(initFadeUp, 0); } else { document.addEventListener('DOMContentLoaded', initFadeUp); window.addEventListener('load', initFadeUp); }; } else { document.querySelectorAll('.fade-up').forEach(function (el) { el.classList.add('animate'); }); document.querySelectorAll('.cos_wrap button').forEach(function (el) { el.classList.add('is_active'); }); } var cosPopup = document.getElementById('cosPopup'); var btnClose = document.getElementById('btnClose'); var stampPopup = document.getElementById('stampPopup'); var btnStamp = document.querySelector('.btn_stamp'); var btnStampClose = document.getElementById('btnStampClose'); var cosBtn = ; function handleFocusTrap(e, popup) { var focusableEls = popup.querySelectorAll('a[href], area[href], button:not([disabled]), [tabindex=0]'); var firstFocusableEl = focusableEls[0]; var lastFocusableEl = focusableEls[focusableEls.length - 1]; if (e.key === 'Tab') { if (e.shiftKey) { if (document.activeElement === firstFocusableEl) { lastFocusableEl.focus(); e.preventDefault(); } } else { if (document.activeElement === lastFocusableEl) { firstFocusableEl.focus(); e.preventDefault(); } } } } function openPopup(popup, focusTarget) { popup.classList.add('is_open'); popup.removeAttribute('aria-hidden'); document.body.style.overflow = 'hidden'; var wrap = popup.querySelector('.popup_wrap, .stamp_popup'); if (wrap) { wrap.setAttribute('tabindex', '-1'); wrap.focus(); } popup._focusHandler = function (e) { handleFocusTrap(e, popup); }; popup.addEventListener('keydown', popup._focusHandler); if ($(focusTarget).hasClass('cos_item') && $(focusTarget).data('cid')) { var cid = $(focusTarget).data('cid'); var idx = $(focusTarget).data('idx'); var data = unescoTheme.get(cid); sessionStorage.setItem('cidPopup', cid); $('#popup_area').html(data.get('area')); $('#popup_tit').html(data.get('title')); $('#popup_copy').html(data.get('picture')); $('#popup_catch').html(data.get('catchplace')); $('#popup_info').html(data.get('info')); $('#popup_img').attr('src', `/resources/images/theme/2026unesco/spot${idx}.png`); $('#popup_link').attr('href', `https://korean.visitkorea.or.kr/detail/ms_detail.do?cotid=${cid}`); } } function closePopup(popup, focusTarget) { popup.classList.remove('is_open'); popup.setAttribute('aria-hidden', 'true'); popup.removeEventListener('keydown', popup._focusHandler); sessionStorage.removeItem('cidPopup'); if (focusTarget) focusTarget.focus(); var anyOpen = document.querySelectorAll('.dim_layer.is_open, .dim_layer2.is_open').length > 0; if (!anyOpen) { document.body.style.overflow = ''; } } /* 코스 팝업 */ document.querySelectorAll('.cos_item').forEach(function (btn) { btn.addEventListener('click', function () { cosBtn = btn; openPopup(cosPopup, btn); }); }); cosPopup.addEventListener('click', function (e) { if (e.target === cosPopup) closeCos(); }); btnClose.addEventListener('click', closeCos); function closeCos() { closePopup(cosPopup, cosBtn); } /* 발도장 팝업 */ btnStamp.addEventListener('click', function () { openPopup(stampPopup, btnStampClose); }); stampPopup.addEventListener('click', function (e) { if (e.target === stampPopup) closeStamp(); }); btnStampClose.addEventListener('click', closeStamp); function closeStamp() { closePopup(stampPopup, btnStamp); } $.ajax({ url: '/call', dataType: 'json', type: POST, data: { cmd : 'MY_STAMPS_COTID_LIST', dateStr : '20260716000000' }, success: function(data) { if (data.header.process != 'fail') { var cotList = data.body.myStampCotIdList; for (var i = 0; i