Autumn Botanical Guide<\/title>\r\n <style>\r\n :root {\r\n --card-w: 180px;\r\n --card-m: 15px;\r\n --total-card-size: calc(var(--card-w) + (var(--card-m) * 2));\r\n }\r\n\r\n body {\r\n margin: 0; padding: 0;\r\n background-color: #fdfaf5;\r\n font-family: 'Lexend', sans-serif;\r\n }\r\n\r\n .header-section { padding: 50px 0 20px; color: #000; }\r\n .header-section h3 {\r\n color: #e63e62;\r\n font-size: 1.8rem;\r\n font-weight: 700;\r\n margin: 0;\r\n }\r\n .header-section p {\r\n color: #7a7a7a;\r\n font-size: 16px;\r\n margin: 10px 0 0 0;\r\n font-weight: 400;\r\n}\r\n .slider-wrapper { overflow: hidden; padding: 20px 0; width: 100%; } \r\n .slider-row-box { display: flex; margin-bottom: 25px; }\r\n\r\n .slide-track-line { display: flex; }\r\n .move-left { animation: anime-left 45s linear infinite; }\r\n .move-right { animation: anime-right 45s linear infinite; }\r\n\r\n .plant-card {\r\n position: relative;\r\n width: var(--card-w);\r\n height: 220px;\r\n margin: 0 var(--card-m);\r\n background: #fff;\r\n border-radius: 20px;\r\n overflow: hidden;\r\n cursor: pointer;\r\n box-shadow: 0 4px 10px rgba(0,0,0,0.05);\r\n transition: all 0.3s ease;\r\n flex-shrink: 0;\r\n }\r\n\r\n .plant-card:hover { transform: translateY(-10px); box-shadow: 0 15px 30px rgba(0,0,0,0.1); }\r\n .plant-card img { width: 100%; height: 100%; object-fit: cover; }\r\n\r\n .plant-name-label {\r\n position: absolute; bottom: 0; width: 100%; padding: 12px 0;\r\n background: rgba(255, 255, 255, 0.9); color: #333;\r\n text-align: center; font-weight: bold; font-size: 0.9rem;\r\n cursor: text;\r\n user-select: all;\r\n }\r\n\r\n .info-modal-overlay {\r\n display: none; position: fixed; z-index: 9999;\r\n left: 0; top: 0; width: 100%; height: 100%;\r\n background: rgba(0, 0, 0, 0.3); \r\n backdrop-filter: blur(3px);\r\n align-items: center; justify-content: center;\r\n }\r\n\r\n .info-modal-body {\r\n background: white; border-radius: 30px;\r\n max-width: 400px; width: 90%; position: relative;\r\n box-shadow: 0 30px 100px rgba(0,0,0,0.15), 0 10px 20px rgba(0,0,0,0.05);\r\n animation: popIn 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n overflow: hidden;\r\n }\r\n\r\n @keyframes popIn { from { opacity: 0; transform: scale(0.9) translateY(20px); } to { opacity: 1; transform: scale(1) translateY(0); } }\r\n\r\n #detailImg { width: 100%; height: 250px; object-fit: cover; }\r\n .detail-content-padding { padding: 30px; text-align: left; }\r\n\r\n .tag {\r\n display: inline-block; padding: 4px 10px; border-radius: 8px;\r\n font-size: 0.75rem; margin-bottom: 12px; font-weight: bold;\r\n }\r\n .tag-time { background: #fff3e0; color: #e65100; margin-right: 6px; }\r\n .tag-spot { background: #e8f5e9; color: #2e7d32; }\r\n\r\n .desc-text { line-height: 1.7; color: #666; font-size: 0.95rem; margin: 15px 0 25px; word-break: keep-all; }\r\n .close-x { position: absolute; top: 15px; right: 20px; font-size: 24px; cursor: pointer; color: white; text-shadow: 0 2px 4px rgba(0,0,0,0.5); z-index: 10; }\r\n\r\n @keyframes anime-left { 0% { transform: translateX(0); } 100% { transform: translateX(calc(var(--total-card-size) * -5)); } }\r\n @keyframes anime-right { 0% { transform: translateX(calc(var(--total-card-size) * -5)); } 100% { transform: translateX(0); } }\r\n .slider-row-box:hover .slide-track-line { animation-play-state: paused; }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"header-section\">\r\n <h3>Autumn Botanical Guide<\/h3>\r\n <p>Discover the beauty of the season.<\/p>\r\n<\/div>\r\n\r\n<div class=\"slider-wrapper\">\r\n <div class=\"slider-row-box\"><div id=\"track-row-1\" class=\"slide-track-line move-left\"><\/div><\/div>\r\n <div class=\"slider-row-box\"><div id=\"track-row-2\" class=\"slide-track-line move-right\"><\/div><\/div>\r\n<\/div>\r\n\r\n<div id=\"infoDetailModal\" class=\"info-modal-overlay\" onclick=\"closePlantInfo()\">\r\n <div class=\"info-modal-body\" onclick=\"event.stopPropagation()\">\r\n <span class=\"close-x\" onclick=\"closePlantInfo()\">×<\/span>\r\n <img decoding=\"async\" id=\"detailImg\" src=\"\" alt=\"Plant\">\r\n <div class=\"detail-content-padding\">\r\n <div>\r\n <span id=\"detailMonth\" class=\"tag tag-time\"><\/span>\r\n <span id=\"detailLoc\" class=\"tag tag-spot\"><\/span>\r\n <\/div>\r\n <h3 id=\"detailTitle\" style=\"margin: 5px 0; color: #333;\"><\/h3>\r\n <p id=\"detailDesc\" class=\"desc-text\"><\/p>\r\n <button onclick=\"closePlantInfo()\" style=\"width: 100%; padding: 14px; border: none; border-radius: 12px; background: #333; color: white; cursor: pointer; font-weight: bold;\">Close<\/button>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<script>\r\n const row1Plants = [\r\n { name: \"Maple Tree\", month: \"Oct-Nov\", loc: \"Seoraksan\", desc: \"Maples are the symbol of autumn. The red foliage seen from the Gongnyong Ridge of Seoraksan is considered the finest scenery in Korea.\", img: \"http:\/\/finetourkorea.com\/wp-content\/uploads\/2025\/08\/sejn2111.webp\" },\r\n { name: \"Ginkgo Tree\", month: \"Oct-Nov\", loc: \"Asan Gokgyocheon\", desc: \"Ginkgo trees provide a golden autumn. The Ginkgo road at Gokgyocheon in Asan offers an experience like walking through an endless yellow tunnel.\", img: \"http:\/\/finetourkorea.com\/wp-content\/uploads\/2025\/09\/jej-1.webp\" },\r\n { name: \"Silver Grass\", month: \"Sep-Oct\", loc: \"Mindungsan\", desc: \"Silver grass sways like silver waves. The colony at Mindungsan in Jeongseon displays a sea of silver grass dancing in the autumn wind.\", img: \"http:\/\/finetourkorea.com\/wp-content\/uploads\/2025\/07\/semp-3.webp\" },\r\n { name: \"Kochia\", month: \"Sep-Oct\", loc: \"Haneul Park\", desc: \"Kochia is a cute, round-shaped plant. In autumn, it turns from green to a vivid pink color.\", img: \"http:\/\/finetourkorea.com\/wp-content\/uploads\/2025\/11\/ycd.webp\" },\r\n { name: \"Reeds\", month: \"Oct-Nov\", loc: \"Suncheon Bay\", desc: \"Reeds grow in wetlands and complete the lyrical atmosphere of autumn. The reed fields of Suncheon Bay are a world-class attraction.\", img: \"http:\/\/finetourkorea.com\/wp-content\/uploads\/2025\/12\/bsat1.webp\" }\r\n ];\r\n\r\n const row2Plants = [\r\n { name: \"Pink Muhly\", month: \"Sep-Nov\", loc: \"Gyeongju\", desc: \"Pink Muhly creates a dreamy atmosphere like pink clouds. The area around Cheomseongdae in Gyeongju is the best place for photos.\", img: \"http:\/\/finetourkorea.com\/wp-content\/uploads\/2025\/12\/yjat1.webp\" },\r\n { name: \"Cosmos\", month: \"Sep-Oct\", loc: \"Olympic Park\", desc: \"Cosmos blooming along the paths create a typical autumn landscape in Korea.\", img: \"http:\/\/finetourkorea.com\/wp-content\/uploads\/2025\/12\/gwat-4.webp\" },\r\n { name: \"Aster\", month: \"Sep-Oct\", loc: \"Garden of Morning Calm\", desc: \"Aster is a purple wildflower that blooms at the end of autumn. Purple waves beautifully cover the autumn mountain ridges.\", img: \"http:\/\/finetourkorea.com\/wp-content\/uploads\/2025\/12\/gyeongbuk_aster.webp\" },\r\n { name: \"Gomphrena\", month: \"Aug-Oct\", loc: \"Nari Park\", desc: \"Gomphrena is known for its colors that don't fade for a long time, symbolizing 'eternal love'. The view at Nari Park in Yangju is spectacular.\", img: \"http:\/\/finetourkorea.com\/wp-content\/uploads\/2025\/12\/yangju_naripark_autumn.webp\" },\r\n { name: \"Buckwheat\", month: \"Sep\", loc: \"Pyeongchang\", desc: \"Buckwheat flowers look like sprinkled salt under the moonlight. Bongpyeong in Pyeongchang is the actual setting of the famous novel.\", img: \"http:\/\/finetourkorea.com\/wp-content\/uploads\/2025\/12\/jeju_buckwheat.webp\" }\r\n ];\r\n\r\n function createSlider(id, data) {\r\n const track = document.getElementById(id);\r\n [...data, ...data].forEach(item => {\r\n const card = document.createElement('div');\r\n card.className = 'plant-card';\r\n card.onclick = () => displayPlantInfo(item);\r\n card.innerHTML = `<img decoding=\"async\" src=\"${item.img}\" alt=\"${item.name}\"><div class=\"plant-name-label\">${item.name}<\/div>`;\r\n track.appendChild(card);\r\n });\r\n track.style.width = `calc(var(--total-card-size) * ${data.length * 2})`;\r\n }\r\n\r\n function displayPlantInfo(item) {\r\n document.getElementById('detailTitle').innerText = item.name;\r\n document.getElementById('detailDesc').innerText = item.desc;\r\n document.getElementById('detailMonth').innerText = \"\ud83d\uddd3 \" + item.month;\r\n document.getElementById('detailLoc').innerText = \"\ud83d\udccd \" + item.loc;\r\n document.getElementById('detailImg').src = item.img;\r\n document.getElementById('infoDetailModal').style.display = 'flex';\r\n document.querySelectorAll('.slide-track-line').forEach(t => t.style.animationPlayState = 'paused');\r\n }\r\n\r\n function closePlantInfo() {\r\n document.getElementById('infoDetailModal').style.display = 'none';\r\n document.querySelectorAll('.slide-track-line').forEach(t => t.style.animationPlayState = 'running');\r\n }\r\n\r\n createSlider('track-row-1', row1Plants);\r\n createSlider('track-row-2', row2Plants);\r\n window.addEventListener('keydown', (e) => { if(e.key === 'Escape') closePlantInfo(); });\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html> \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-10f21ed elementor-widget-mobile__width-initial elementor-widget elementor-widget-heading\" data-id=\"10f21ed\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Events<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-704ee40 elementor-widget-tablet__width-inherit elementor-widget elementor-widget-heading\" data-id=\"704ee40\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h5 class=\"elementor-heading-title elementor-size-default\">Signature festivals and seasonal attractions that highlight Korea\u2019s fall colors and cultural charm.<\/h5>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4e5d225 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"4e5d225\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<title>Monthly Destinations with Scroll<\/title>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Lexend:wght@400;700&display=swap\" rel=\"stylesheet\">\r\n<style>\r\nbody {\r\n margin: 0;\r\n padding: 20px;\r\n background: #f5f5f5;\r\n font-family: 'Lexend', sans-serif;\r\n}\r\n\r\n.month-section {\r\n margin-bottom: 70px;\r\n position: relative;\r\n}\r\n\r\n.month-title {\r\n font-family: 'Lexend', sans-serif;\r\n font-size: 30px;\r\n font-weight: 700;\r\n margin-bottom: 18px;\r\n margin-top: 50px;\r\n}\r\n\r\n.cutscroll {\r\n position: relative;\r\n width: 100%;\r\n height: 430px;\r\n overflow-x: hidden; \/* \ucd08\uae30 \uc0c1\ud0dc: \uc2a4\ud06c\ub864 \uae08\uc9c0 *\/\r\n overflow-y: hidden;\r\n scrollbar-width: none;\r\n -ms-overflow-style: none;\r\n -webkit-overflow-scrolling: touch;\r\n}\r\n\r\n.cutscroll::-webkit-scrollbar {\r\n display: none;\r\n}\r\n\r\n.cutgroup-wrapper {\r\n display: flex;\r\n gap: 35px;\r\n}\r\n\r\n.cutgroup {\r\n position: relative;\r\n width: 600px;\r\n height: 430px;\r\n flex-shrink: 0;\r\n}\r\n\r\n.cut {\r\n position: absolute;\r\n background: #fff;\r\n border: 4px solid #222;\r\n border-radius: 8px;\r\n box-shadow: 5px 5px 0px #000;\r\n overflow: hidden;\r\n}\r\n\r\n.cut .img {\r\n width: 100%;\r\n height: 100%;\r\n background-size: cover;\r\n background-position: center;\r\n}\r\n\r\n.cut.no-overlay::before,\r\n.cut.no-overlay::after {\r\n content: none !important;\r\n background: none !important;\r\n opacity: 0 !important;\r\n}\r\n\r\n.cut::after {\r\n content: \"\";\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 25%;\r\n background: linear-gradient(to top, rgba(0,0,0,0.55), rgba(0,0,0,0));\r\n pointer-events: none;\r\n}\r\n\r\n.cut.no-overlay {\r\n background: #e63e62 !important;\r\n}\r\n\r\n.cut.no-overlay .month-number {\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n transform: translate(-50%, -50%);\r\n font-family: 'Lexend', sans-serif;\r\n font-size: 100px;\r\n font-weight: 700;\r\n color: #fff;\r\n z-index: 5;\r\n}\r\n\r\n.cut .title,\r\n.cut .subtitle {\r\n position: absolute;\r\n left: 14px;\r\n color: #fff;\r\n z-index: 5;\r\n text-shadow: 0px 3px 6px rgba(0,0,0,0.45);\r\n}\r\n\r\n.cut .title {\r\n bottom: 38px;\r\n font-family: 'Lexend', sans-serif;\r\n font-size: 25px;\r\n font-weight: 700;\r\n}\r\n\r\n.cut .subtitle {\r\n bottom: 12px;\r\n font-family: 'Lexend', sans-serif;\r\n font-size: 18px;\r\n opacity: 0.9;\r\n}\r\n\r\n\/* ========== Swipe Guide ========== *\/\r\n.swipe-guide {\r\n display: none;\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background: rgba(255, 255, 255, 0.75);\r\n backdrop-filter: blur(3px);\r\n z-index: 10;\r\n align-items: center;\r\n justify-content: center;\r\n flex-direction: column;\r\n cursor: pointer;\r\n transition: opacity 0.5s ease;\r\n}\r\n\r\n.swipe-guide.active {\r\n display: flex;\r\n}\r\n\r\n.swipe-guide.hide {\r\n opacity: 0;\r\n pointer-events: none;\r\n}\r\n\r\n.guide-content {\r\n text-align: center;\r\n color: #e63e62;\r\n}\r\n\r\n.hand-icon {\r\n width: 70px;\r\n height: 70px;\r\n margin-bottom: 20px;\r\n animation: swipeAnimation 1.8s ease-in-out infinite;\r\n}\r\n\r\n.guide-text {\r\n font-family: 'Lexend', sans-serif;\r\n font-weight: 700;\r\n font-size: 22px;\r\n text-transform: uppercase;\r\n letter-spacing: 1.5px;\r\n}\r\n\r\n@keyframes swipeAnimation {\r\n 0% { transform: translateX(50px); opacity: 0; }\r\n 40% { transform: translateX(-50px); opacity: 1; }\r\n 80% { transform: translateX(-80px); opacity: 0.5; }\r\n 100% { transform: translateX(-100px); opacity: 0; }\r\n}\r\n\r\n\/* \ubaa8\ubc14\uc77c \ubc0f \ud0dc\ube14\ub9bf\uc5d0\uc11c\ub9cc \ud65c\uc131\ud654 *\/\r\n@media (max-width: 900px) {\r\n .swipe-guide {\r\n display: flex;\r\n }\r\n}\r\n\r\n@media (max-width: 600px) {\r\n .guide-text {\r\n font-size: 18px;\r\n }\r\n \r\n .hand-icon {\r\n width: 60px;\r\n height: 60px;\r\n }\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n\r\n<div class=\"month-section\">\r\n <div class=\"month-title\">September<\/div>\r\n \r\n <div class=\"cutscroll\">\r\n <div class=\"swipe-guide active\">\r\n <div class=\"guide-content\">\r\n <svg class=\"hand-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M18 11V6a2 2 0 0 0-2-2v0a2 2 0 0 0-2 2v0\"><\/path>\r\n <path d=\"M14 10V4a2 2 0 0 0-2-2v0a2 2 0 0 0-2 2v0\"><\/path>\r\n <path d=\"M10 10.5V6a2 2 0 0 0-2-2v0a2 2 0 0 0-2 2v0\"><\/path>\r\n <path d=\"M18 8a2 2 0 1 1 4 0v6a8 8 0 0 1-8 8h-2c-2.8 0-4.5-.86-5.99-2.34l-3.6-3.6a2 2 0 0 1 2.83-2.82L7 15\"><\/path>\r\n <\/svg>\r\n <div class=\"guide-text\">Swipe to Explore<\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"cutgroup-wrapper\">\r\n <div class=\"cutgroup\">\r\n <div class=\"cut\" style=\"width:600px;height:200px;top:0;left:0;\">\r\n <div class=\"img\" style=\"background-image:url('http:\/\/finetourkorea.com\/wp-content\/uploads\/2025\/11\/20240704113217-1.webp');\"><\/div>\r\n <div class=\"title\">Jaraseom Island Flower Festival<\/div>\r\n <div class=\"subtitle\">Gapyeong, Gyeonggi<\/div>\r\n <\/div>\r\n <div class=\"cut\" style=\"width:260px;height:200px;bottom:0;left:0;\">\r\n <div class=\"img\" style=\"background-image:url('http:\/\/finetourkorea.com\/wp-content\/uploads\/2025\/11\/unnamed-1.webp');\"><\/div>\r\n <div class=\"title\">Pinnacle Land<\/div>\r\n <div class=\"subtitle\">Asan, Chungnam<\/div>\r\n <\/div>\r\n <div class=\"cut\" style=\"width:310px;height:200px;bottom:0;right:0;\">\r\n <div class=\"img\" style=\"background-image:url('http:\/\/finetourkorea.com\/wp-content\/uploads\/2025\/11\/pp1.webp');\"><\/div>\r\n <div class=\"title\">Purple Island<\/div>\r\n <div class=\"subtitle\">Sinan, Jeonnam<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"cutgroup\">\r\n <div class=\"cut\" style=\"width:220px;height:430px;left:0;top:0;\">\r\n <div class=\"img\" style=\"background-image:url('http:\/\/finetourkorea.com\/wp-content\/uploads\/2025\/11\/bp.webp');height:100%;\"><\/div>\r\n <div class=\"title\">Banpo Bridge<\/div>\r\n <div class=\"subtitle\">Gangnam, Seoul<\/div>\r\n <\/div>\r\n <div class=\"cut\" style=\"width:360px;height:200px;right:0;top:0;\">\r\n <div class=\"img\" style=\"background-image:url('http:\/\/finetourkorea.com\/wp-content\/uploads\/2025\/11\/skyw.webp');\"><\/div>\r\n <div class=\"title\">Oryukdo Skywalk<\/div>\r\n <div class=\"subtitle\">Busan<\/div>\r\n <\/div>\r\n <div class=\"cut no-overlay\" style=\"width:170px;height:200px;left:240px;bottom:0;\">\r\n <div class=\"month-number\">9<\/div>\r\n <\/div>\r\n <div class=\"cut\" style=\"width:170px;height:200px;right:0;bottom:0;\">\r\n <div class=\"img\" style=\"background-image:url('http:\/\/finetourkorea.com\/wp-content\/uploads\/2025\/09\/rp3.webp');height:100%;\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n\r\n<div class=\"month-section\">\r\n <div class=\"month-title\">October<\/div>\r\n \r\n <div class=\"cutscroll\">\r\n <div class=\"swipe-guide active\">\r\n <div class=\"guide-content\">\r\n <svg class=\"hand-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M18 11V6a2 2 0 0 0-2-2v0a2 2 0 0 0-2 2v0\"><\/path>\r\n <path d=\"M14 10V4a2 2 0 0 0-2-2v0a2 2 0 0 0-2 2v0\"><\/path>\r\n <path d=\"M10 10.5V6a2 2 0 0 0-2-2v0a2 2 0 0 0-2 2v0\"><\/path>\r\n <path d=\"M18 8a2 2 0 1 1 4 0v6a8 8 0 0 1-8 8h-2c-2.8 0-4.5-.86-5.99-2.34l-3.6-3.6a2 2 0 0 1 2.83-2.82L7 15\"><\/path>\r\n <\/svg>\r\n <div class=\"guide-text\">Swipe to Explore<\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"cutgroup-wrapper\">\r\n <div class=\"cutgroup\">\r\n <div class=\"cut\" style=\"width:230px;height:430px;left:0;top:0;\">\r\n <div class=\"img\" style=\"background-image:url('http:\/\/finetourkorea.com\/wp-content\/uploads\/2025\/08\/sejn2111.webp');\"><\/div>\r\n <div class=\"title\">Deoksugung<br>Stone Wall Road<\/div>\r\n <div class=\"subtitle\">Jongno, Seoul<\/div>\r\n <\/div>\r\n <div class=\"cut\" style=\"width:370px;height:190px;left:250px;top:0;\">\r\n <div class=\"img\" style=\"background-image:url('http:\/\/finetourkorea.com\/wp-content\/uploads\/2025\/11\/QNA_IMAGE_1750215103467.webp');\"><\/div>\r\n <div class=\"title\">Suwon Hwaseong<br>Media Art<\/div>\r\n <div class=\"subtitle\">Suwon, Gyeonggi<\/div>\r\n <\/div>\r\n <div class=\"cut no-overlay\" style=\"width:180px;height:220px;right:170px;bottom:0;\">\r\n <div class=\"month-number\">10<\/div>\r\n <\/div>\r\n <div class=\"cut\" style=\"width:180px;height:220px;right:-20px;bottom:0;\">\r\n <div class=\"img\" style=\"background-image:url('http:\/\/finetourkorea.com\/wp-content\/uploads\/2025\/07\/semp-3.webp');\"><\/div>\r\n <div class=\"title\">Haneul Park<\/div>\r\n <div class=\"subtitle\">Mapo, Seoul<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"cutgroup\">\r\n <div class=\"cut\" style=\"width:600px;height:190px;top:0;\">\r\n <div class=\"img\" style=\"background-image:url('http:\/\/finetourkorea.com\/wp-content\/uploads\/2025\/11\/ycd.webp');\"><\/div>\r\n <div class=\"title\">Dapsari Park<\/div>\r\n <div class=\"subtitle\">Yeoncheon, Gyeonggi<\/div>\r\n <\/div>\r\n <div class=\"cut\" style=\"width:180px;height:220px;left:0;bottom:0;\">\r\n <div class=\"img\" style=\"background-image:url('http:\/\/finetourkorea.com\/wp-content\/uploads\/2025\/11\/pch.webp');\"><\/div>\r\n <div class=\"title\">Herb Island<\/div>\r\n <div class=\"subtitle\">Pocheon<\/div>\r\n <\/div>\r\n <div class=\"cut\" style=\"width:180px;height:220px;left:210px;bottom:0;\">\r\n <div class=\"img\" style=\"background-image:url('http:\/\/finetourkorea.com\/wp-content\/uploads\/2025\/08\/b10.webp');\"><\/div>\r\n <\/div>\r\n <div class=\"cut\" style=\"width:180px;height:220px;right:0;bottom:0;\">\r\n <div class=\"img\" style=\"background-image:url('http:\/\/finetourkorea.com\/wp-content\/uploads\/2025\/07\/jn-3.webp');\"><\/div>\r\n <div class=\"title\">Suncheon<br>Bay<\/div>\r\n <div class=\"subtitle\">Suncheon<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n\r\n<div class=\"month-section\">\r\n <div class=\"month-title\">November<\/div>\r\n \r\n <div class=\"cutscroll\">\r\n <div class=\"swipe-guide active\">\r\n <div class=\"guide-content\">\r\n <svg class=\"hand-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M18 11V6a2 2 0 0 0-2-2v0a2 2 0 0 0-2 2v0\"><\/path>\r\n <path d=\"M14 10V4a2 2 0 0 0-2-2v0a2 2 0 0 0-2 2v0\"><\/path>\r\n <path d=\"M10 10.5V6a2 2 0 0 0-2-2v0a2 2 0 0 0-2 2v0\"><\/path>\r\n <path d=\"M18 8a2 2 0 1 1 4 0v6a8 8 0 0 1-8 8h-2c-2.8 0-4.5-.86-5.99-2.34l-3.6-3.6a2 2 0 0 1 2.83-2.82L7 15\"><\/path>\r\n <\/svg>\r\n <div class=\"guide-text\">Swipe to Explore<\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"cutgroup-wrapper\">\r\n <div class=\"cutgroup\">\r\n <div class=\"cut\" style=\"width:600px;height:200px;top:0;\">\r\n <div class=\"img\" style=\"background-image:url('http:\/\/finetourkorea.com\/wp-content\/uploads\/2025\/08\/autumnbg.webp');\"><\/div>\r\n <div class=\"title\">Naejang Mountain<\/div>\r\n <div class=\"subtitle\">Jeongeup, Jeonnam<\/div>\r\n <\/div>\r\n <div class=\"cut\" style=\"width:220px;height:210px;left:0;bottom:0;\">\r\n <div class=\"img\" style=\"background-image:url('http:\/\/finetourkorea.com\/wp-content\/uploads\/2025\/07\/jj-6.webp');\"><\/div>\r\n <div class=\"title\">Sangumburi<\/div>\r\n <div class=\"subtitle\">Jeju<\/div>\r\n <\/div>\r\n <div class=\"cut no-overlay\" style=\"width:360px;height:100px;right:0;bottom:110px;\">\r\n <div class=\"month-number\">11<\/div>\r\n <\/div>\r\n <div class=\"cut\" style=\"width:360px;height:100px;right:0;bottom:0;\">\r\n <div class=\"img\" style=\"background-image:url('http:\/\/finetourkorea.com\/wp-content\/uploads\/2025\/11\/1689318537385.webp');\"><\/div>\r\n <div class=\"title\">Cheongnamdae<\/div>\r\n <div class=\"subtitle\">Cheongju<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"cutgroup\">\r\n <div class=\"cut\" style=\"width:250px;height:430px;left:0;\">\r\n <div class=\"img\" style=\"background-image:url('http:\/\/finetourkorea.com\/wp-content\/uploads\/2025\/11\/sssf.webp');\"><\/div>\r\n <div class=\"title\">Seoul Forest<\/div>\r\n <div class=\"subtitle\">Seongsu, Seoul<\/div>\r\n <\/div>\r\n <div class=\"cut\" style=\"width:330px;height:200px;right:0;top:0;\">\r\n <div class=\"img\" style=\"background-image:url('http:\/\/finetourkorea.com\/wp-content\/uploads\/2025\/11\/stfld.webp');\"><\/div>\r\n <div class=\"title\">Starfield COEX Mall<\/div>\r\n <div class=\"subtitle\">Gangnam, Seoul<\/div>\r\n <\/div>\r\n <div class=\"cut\" style=\"width:330px;height:200px;right:0;bottom:0;\">\r\n <div class=\"img\" style=\"background-image:url('http:\/\/finetourkorea.com\/wp-content\/uploads\/2025\/11\/chs.webp');\"><\/div>\r\n <div class=\"title\">The Hyundai Seoul<\/div>\r\n <div class=\"subtitle\">Yeouido, Seoul<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n<script>\r\ndocument.querySelectorAll('.month-section').forEach(section => {\r\n const cutscroll = section.querySelector('.cutscroll');\r\n const guide = section.querySelector('.swipe-guide');\r\n \r\n \/\/ \uac00\uc774\ub4dc\ub97c \uc81c\uac70\ud558\uace0 \uc2a4\ud06c\ub864\uc744 \ud65c\uc131\ud654\ud558\ub294 \ud568\uc218\r\n const activateScroll = () => {\r\n if (guide && !guide.classList.contains('hide')) {\r\n \/\/ 1. \uac00\uc774\ub4dc \uc560\ub2c8\uba54\uc774\uc158 \ucc98\ub9ac\r\n guide.classList.add('hide');\r\n setTimeout(() => guide.style.display = 'none', 500);\r\n \r\n \/\/ 2. \uc2a4\ud06c\ub864 \uae30\ub2a5 \ud65c\uc131\ud654\r\n cutscroll.style.overflowX = 'auto';\r\n }\r\n };\r\n\r\n \/\/ --- \uac00\uc774\ub4dc \uc81c\uac70 \ubc0f \ud65c\uc131\ud654 \uc774\ubca4\ud2b8 ---\r\n \r\n \/\/ \ud074\ub9ad \ub610\ub294 \ud130\uce58 \uc2dc\r\n guide.addEventListener('click', activateScroll, { once: true });\r\n guide.addEventListener('touchstart', activateScroll, { once: true });\r\n \r\n \/\/ \ub9c8\uc6b0\uc2a4 \uc9c4\uc785 \uc2dc\r\n cutscroll.addEventListener('mouseenter', activateScroll, { once: true });\r\n \r\n \/\/ \ud720 \uc870\uc791 \uc2dc (\uac00\uc774\ub4dc\uac00 \uc788\uc73c\uba74 \uc5ec\uae30\uc11c \uac00\ub85c \uc2a4\ud06c\ub864 \ub3d9\uc791\uc774 \uc2dc\uc791\ub428)\r\n cutscroll.addEventListener('wheel', (e) => {\r\n if (guide.style.display !== 'none') {\r\n activateScroll();\r\n }\r\n \/\/ \uac00\ub85c \uc2a4\ud06c\ub864 \ub85c\uc9c1\r\n if (e.deltaY !== 0) {\r\n e.preventDefault();\r\n cutscroll.scrollLeft += e.deltaY;\r\n }\r\n }, { passive: false });\r\n\r\n \/\/ --- \ub9c8\uc6b0\uc2a4 \ub4dc\ub798\uadf8 \uc2a4\ud06c\ub864 \ub85c\uc9c1 ---\r\n let isDown = false;\r\n let startX;\r\n let scrollLeft;\r\n\r\n cutscroll.addEventListener('mousedown', (e) => {\r\n activateScroll(); \/\/ \ub4dc\ub798\uadf8 \uc2dc\ub3c4 \uc2dc \uc989\uc2dc \ud65c\uc131\ud654\r\n isDown = true;\r\n startX = e.pageX - cutscroll.offsetLeft;\r\n scrollLeft = cutscroll.scrollLeft;\r\n cutscroll.style.cursor = 'grabbing';\r\n });\r\n\r\n cutscroll.addEventListener('mouseleave', () => {\r\n isDown = false;\r\n cutscroll.style.cursor = 'grab';\r\n });\r\n\r\n cutscroll.addEventListener('mouseup', () => {\r\n isDown = false;\r\n cutscroll.style.cursor = 'grab';\r\n });\r\n\r\n cutscroll.addEventListener('mousemove', (e) => {\r\n if (!isDown) return;\r\n e.preventDefault();\r\n const x = e.pageX - cutscroll.offsetLeft;\r\n const walk = (x - startX) * 2;\r\n cutscroll.scrollLeft = scrollLeft - walk;\r\n });\r\n\r\n cutscroll.style.cursor = 'grab';\r\n});\r\n<\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7b8ea69 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"7b8ea69\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<title>Korea Trend & Renewal 2025 | Fine Tour Korea<\/title>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Lexend:wght@400;600;700&display=swap\" rel=\"stylesheet\">\r\n<link rel=\"stylesheet\" href=\"https:\/\/unpkg.com\/swiper\/swiper-bundle.min.css\"\/>\r\n\r\n<style>\r\n:root {\r\n --accent:#E63E62;\r\n --bg:#FFF5F7;\r\n --radius:20px;\r\n --ease:cubic-bezier(.22,1,.36,1);\r\n}\r\n\r\nbody {\r\n margin:0;\r\n font-family:'Lexend',sans-serif;\r\n background:var(--bg);\r\n color:#333;\r\n line-height:1.7;\r\n overflow-x:hidden;\r\n}\r\n\r\n.scroll-arrow {\r\n position: absolute;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n width: 48px;\r\n height: 48px;\r\n border: 2px solid #888;\r\n border-radius: 50%;\r\n background: #fff;\r\n color: #888;\r\n font-size: 24px;\r\n font-weight: 700;\r\n cursor: pointer;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n transition: all 0.25s ease;\r\n z-index: 50 !important; \r\n line-height: 1;\r\n padding: 0;\r\n box-sizing: border-box;\r\n pointer-events: auto;\r\n}\r\n\r\n.scroll-arrow:hover {\r\n background: var(--accent);\r\n border-color: var(--accent);\r\n color: #fff;\r\n}\r\n\r\n.scroll-arrow.left { left: 10px; }\r\n.scroll-arrow.right { right: 10px; }\r\n\r\n.grid-wrapper {\r\n position: relative;\r\n overflow: visible;\r\n padding: 0 10px;\r\n}\r\n\r\n.grid {\r\n display: flex;\r\n flex-wrap: nowrap;\r\n gap: 24px;\r\n overflow-x: auto;\r\n scroll-behavior: smooth;\r\n padding: 20px 0; \r\n scroll-snap-type: x mandatory;\r\n -webkit-overflow-scrolling: touch;\r\n}\r\n\r\n.grid::-webkit-scrollbar { display: none; }\r\n\r\n.card {\r\n flex: 0 0 calc(33.333% - 20px); \r\n max-width: calc(33.333% - 20px);\r\n background: #fff;\r\n border-radius: var(--radius);\r\n box-shadow: 0 4px 16px rgba(0,0,0,.06);\r\n overflow: hidden;\r\n transition: transform .3s var(--ease), box-shadow .3s var(--ease);\r\n cursor: pointer;\r\n scroll-snap-align: start;\r\n}\r\n\r\n.card:hover {\r\n transform: translateY(-6px);\r\n box-shadow: 0 10px 24px rgba(0,0,0,.08);\r\n}\r\n\r\n.card img { width: 100%; height: 180px; object-fit: cover; }\r\n.card h3 { font-size: 20px; font-weight: 500; color: #000; padding: 12px 18px 0; margin-bottom: 4px; }\r\n.card p { font-size: .8rem; color: #7a7a7a; padding: 5px 18px 12px; margin: 0; }\r\n\r\n.trend-section { padding:80px 8%; background:#fff; }\r\n.trend-section h2 { font-size:28.8px; color:var(--accent); margin-bottom:10px; font-weight: 600;}\r\n.trend-section p.lead { font-size:1.05rem; color:#7a7a7a; margin-bottom:40px; }\r\n.trend-section:nth-of-type(even) { background: #f1f1f1; }\r\n\r\n@media (max-width: 1200px) {\r\n .card { flex: 0 0 calc(50% - 18px); max-width: calc(50% - 18px); }\r\n}\r\n\r\n@media (max-width: 600px) {\r\n .trend-section { padding: 44px 4%; }\r\n .grid-wrapper { padding: 0; }\r\n .grid { padding: 10px 0; gap: 14px; }\r\n .card { flex: 0 0 85%; max-width: 85%; }\r\n .scroll-arrow { display: none !important; }\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<section class=\"trend-section\" id=\"renewal\">\r\n <h2>Renewal & Reopening<\/h2>\r\n <p class=\"lead\">Attractions and hotels newly opened or renewed in 2026.<\/p>\r\n <div class=\"grid-wrapper\">\r\n <button class=\"scroll-arrow left\">\u2039<\/button>\r\n <div class=\"grid\">\r\n <div class=\"card\" data-link=\"renewal\">\r\n <img decoding=\"async\" src=\"http:\/\/finetourkorea.com\/wp-content\/uploads\/2025\/11\/11-copy2.webp\">\r\n <h3>Coming Soon...<\/h3>\r\n <p>Scheduled will be updated shortly.<\/p>\r\n <\/div>\r\n <div class=\"card\" data-link=\"renewal\">\r\n <img decoding=\"async\" src=\"http:\/\/finetourkorea.com\/wp-content\/uploads\/2025\/11\/11-copy2.webp\">\r\n <h3>Coming Soon...<\/h3>\r\n <p>Scheduled will be updated shortly.<\/p>\r\n <\/div>\r\n <div class=\"card\" data-link=\"renewal\">\r\n <img decoding=\"async\" src=\"http:\/\/finetourkorea.com\/wp-content\/uploads\/2025\/11\/11-copy2.webp\">\r\n <h3>Coming Soon...<\/h3>\r\n <p>Scheduled will be updated shortly.<\/p>\r\n <\/div>\r\n <button class=\"scroll-arrow right\">\u203a<\/button>\r\n <\/div>\r\n<\/section>\r\n\r\n<section class=\"trend-section\" id=\"favorites\">\r\n <h2>All-Time Favorites<\/h2>\r\n <p class=\"lead\">Experience the timeless charm of Korea\u2019s beloved landmarks.<\/p>\r\n <div class=\"grid-wrapper\">\r\n <button class=\"scroll-arrow left\">\u2039<\/button>\r\n <div class=\"grid\">\r\n <div class=\"card\" data-link=\"favorites\"><img decoding=\"async\" src=\"http:\/\/finetourkorea.com\/wp-content\/uploads\/2025\/09\/rp9.webp\"><h3>Nami Island<\/h3><p>Gapyeong, Gyeonggi<\/p><\/div>\r\n <div class=\"card\" data-link=\"favorites\"><img decoding=\"async\" src=\"http:\/\/finetourkorea.com\/wp-content\/uploads\/2025\/08\/b10.webp\"><h3>Gyeongbokgung Palace<\/h3><p>Seoul<\/p><\/div>\r\n <div class=\"card\" data-link=\"favorites\"><img decoding=\"async\" src=\"http:\/\/finetourkorea.com\/wp-content\/uploads\/2025\/11\/3N3A5527.webp\"><h3>Myeongdong<\/h3><p>Seoul<\/p><\/div>\r\n <div class=\"card\" data-link=\"favorites\"><img decoding=\"async\" src=\"http:\/\/finetourkorea.com\/wp-content\/uploads\/2025\/11\/nstw.webp\"><h3>N Seoul Tower<\/h3><p>Seoul<\/p><\/div>\r\n <\/div>\r\n <button class=\"scroll-arrow right\">\u203a<\/button>\r\n <\/div>\r\n<\/section>\r\n\r\n<script>\r\n\/\/ 1. \uce74\ub4dc \ud074\ub9ad \uc2dc \ud0ed \uc774\ub3d9 \ub85c\uc9c1\r\ndocument.querySelectorAll('.card[data-link]').forEach(card => {\r\n card.addEventListener('click', (e) => {\r\n \/\/ \ub9cc\uc57d \ud074\ub9ad\ub41c \uc694\uc18c\uac00 \ud654\uc0b4\ud45c\ub77c\uba74 \ud0ed \uc774\ub3d9\uc744 \uc2e4\ud589\ud558\uc9c0 \uc54a\uc74c\r\n if (e.target.closest('.scroll-arrow')) return;\r\n\r\n const linkPage = card.getAttribute('data-link');\r\n const tabIndexMap = { 'events': '2', 'renewal': '3', 'favorites': '4' };\r\n const tabIndex = tabIndexMap[linkPage];\r\n\r\n if (tabIndex) {\r\n const tabButton = document.querySelector(`.e-n-tab-title[data-tab-index=\"${tabIndex}\"]`);\r\n if (tabButton) {\r\n tabButton.click();\r\n window.scrollTo({ top: 0, behavior: 'smooth' });\r\n }\r\n }\r\n });\r\n});\r\n\r\n\/\/ 2. \ud654\uc0b4\ud45c \uc2a4\ud06c\ub864 \ub85c\uc9c1 (\ubc84\uadf8 \uc218\uc815\ub428)\r\ndocument.querySelectorAll('.scroll-arrow').forEach(btn => {\r\n btn.addEventListener('click', (e) => {\r\n e.preventDefault();\r\n e.stopPropagation(); \/\/ \uce74\ub4dc \ud074\ub9ad \uc774\ubca4\ud2b8\ub85c \uc804\ud30c\ub418\ub294 \uac83 \ubc29\uc9c0\r\n\r\n const wrapper = btn.closest('.grid-wrapper');\r\n const grid = wrapper.querySelector('.grid');\r\n if (!grid) return;\r\n\r\n const dir = btn.classList.contains('right') ? 1 : -1;\r\n \/\/ \ubd80\ub4dc\ub7ec\uc6b4 \uc2a4\ud06c\ub864\uc744 \uc704\ud574 \ucee8\ud14c\uc774\ub108 \ub108\ube44\uc758 80%\ub9cc\ud07c \uc774\ub3d9\r\n grid.scrollBy({ \r\n left: dir * (grid.clientWidth * 0.8), \r\n behavior: 'smooth' \r\n });\r\n });\r\n});\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-17ee608b e-con-full e-flex e-con e-child\" data-id=\"17ee608b\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7833cc6a elementor-widget__width-initial elementor-widget-mobile__width-initial elementor-widget elementor-widget-html\" data-id=\"7833cc6a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n.card-grid {\r\n display: grid;\r\n gap: 20px;\r\n padding: 20px;\r\n max-width: 1200px;\r\n}\r\n\r\n@media (min-width: 769px) {\r\n .card-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n grid-template-rows: repeat(2, auto);\r\n }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n .card-grid {\r\n grid-template-columns: 1fr;\r\n grid-template-rows: repeat(4, auto);\r\n padding: 10px;\r\n }\r\n}\r\n\r\n.wide-card {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n background: #fff;\r\n border-radius: 16px;\r\n padding: 16px;\r\n gap: 16px;\r\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);\r\n position: relative;\r\n box-sizing: border-box;\r\n font-family: \"Lexend\", sans-serif;\r\n min-height: 130px;\r\n}\r\n\r\n.wide-card__image {\r\n flex: 0 0 100px;\r\n border-radius: 12px;\r\n overflow: hidden;\r\n background: #fff;\r\n}\r\n\r\n.wide-card__image img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n display: block;\r\n border-radius: 12px;\r\n aspect-ratio: 1 \/ 1;\r\n}\r\n\r\n.wide-card__text {\r\n flex: 1;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n}\r\n\r\n.wide-card__text h3 {\r\n font-size: 20px;\r\n margin: 0 0 8px;\r\n font-weight: 700;\r\n}\r\n\r\n.wide-card__text p {\r\n font-size: 16px;\r\n margin: 0;\r\n color: #888;\r\n line-height: 1.4;\r\n}\r\n\r\n.wide-card__button {\r\n position: absolute;\r\n bottom: 16px;\r\n right: 16px;\r\n background: transparent;\r\n border-radius: 50%;\r\n padding: 10px;\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n line-height: 0;\r\n}\r\n\r\n\r\n.card-color-1, .card-color-2, .card-color-4 {\r\n color: #E45F2D;\r\n}\r\n.card-color-1 .wide-card__text h3, .card-color-2 .wide-card__text h3, .card-color-4 .wide-card__text h3 {\r\n color: #E45F2D !important;\r\n}\r\n.card-color-1 .wide-card__button, .card-color-2 .wide-card__button, .card-color-4 .wide-card__button {\r\n border: 2px solid #E45F2D;\r\n}\r\n.card-color-1 .wide-card__button:hover, .card-color-2 .wide-card__button:hover, .card-color-4 .wide-card__button:hover {\r\n background: #E45F2D;\r\n}\r\n.card-color-1 .wide-card__button svg, .card-color-2 .wide-card__button svg, .card-color-4 .wide-card__button svg {\r\n color: #E45F2D;\r\n transition: color 0.3s ease;\r\n}\r\n.card-color-1 .wide-card__button:hover svg, .card-color-2 .wide-card__button:hover svg, .card-color-4 .wide-card__button:hover svg {\r\n color: #fff;\r\n}\r\n\r\n.card-color-3 {\r\n color: #333;\r\n}\r\n.card-color-3 .wide-card__text h3 {\r\n color: #333 !important;\r\n}\r\n.card-color-3 .wide-card__button {\r\n border: 2px solid #333;\r\n}\r\n.card-color-3 .wide-card__button:hover {\r\n background: #333;\r\n border-color: #333;\r\n}\r\n.card-color-3 .wide-card__button svg {\r\n color: #333;\r\n transition: color 0.3s ease;\r\n}\r\n.card-color-3 .wide-card__button:hover svg {\r\n color: #fff;\r\n}\r\n\r\n.icon-download, .icon-mail {\r\n width: 20px;\r\n height: 20px;\r\n}\r\n\r\n@media (min-width: 769px) and (max-width: 1024px) {\r\n .wide-card {\r\n padding: 18px;\r\n gap: 18px;\r\n }\r\n .wide-card__image {\r\n flex: 0 0 80px;\r\n }\r\n .wide-card__text h3 {\r\n font-size: 18px;\r\n }\r\n .wide-card__text p {\r\n font-size: 14px;\r\n }\r\n .wide-card__button {\r\n bottom: 18px;\r\n right: 18px;\r\n padding: 8px;\r\n }\r\n .icon-download, .icon-mail {\r\n width: 18px;\r\n height: 18px;\r\n }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n .wide-card {\r\n padding: 12px;\r\n gap: 10px;\r\n }\r\n .wide-card__image {\r\n flex: 0 0 70px;\r\n width: 70px;\r\n height: 70px;\r\n min-width: 70px;\r\n min-height: 70px;\r\n }\r\n .wide-card__text h3 {\r\n font-size: 16px;\r\n margin-bottom: 4px;\r\n }\r\n .wide-card__text p {\r\n font-size: 12px;\r\n line-height: 1.25;\r\n }\r\n .wide-card__button {\r\n padding: 5px;\r\n bottom: 12px;\r\n right: 12px;\r\n }\r\n .icon-download, .icon-mail {\r\n width: 14px;\r\n height: 14px;\r\n }\r\n}\r\n\r\n<\/style>\r\n<div class=\"card-grid\">\r\n <div class=\"wide-card card-color-1\" onclick=\"window.location.href='https:\/\/finetourkorea.com\/seasons\/#autumntab';\">\r\n <div class=\"wide-card__image\">\r\n <img decoding=\"async\" src=\"http:\/\/finetourkorea.com\/wp-content\/uploads\/2025\/12\/ctaat1.webp\" alt=\"Explore\">\r\n <\/div>\r\n <div class=\"wide-card__text\">\r\n <h3>Explore Autumn Destinations<\/h3>\r\n <p>Discover our recommended<br>autumn travel spots<\/p>\r\n <\/div>\r\n <button class=\"wide-card__button\" aria-label=\"Explore\">\r\n <svg viewBox=\"0 0 24 24\" class=\"icon-download\" aria-hidden=\"true\">\r\n <path d=\"M5 12h14M13 5l6 7-6 7\" stroke=\"currentColor\" stroke-width=\"2\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\r\n <\/svg>\r\n <\/button>\r\n <\/div>\r\n\r\n <div class=\"wide-card card-color-4\" onclick=\"window.location.href='#';\">\r\n <div class=\"wide-card__image\">\r\n <img decoding=\"async\" src=\"http:\/\/finetourkorea.com\/wp-content\/uploads\/2025\/12\/ctaat2.webp\" alt=\"Seasonal Packages\">\r\n <\/div>\r\n <div class=\"wide-card__text\">\r\n <h3>Seasonal Packages<\/h3>\r\n <p>Browse packages optimized<br>for each season<\/p>\r\n <\/div>\r\n <button class=\"wide-card__button\" aria-label=\"Seasonal Packages\">\r\n <svg viewBox=\"0 0 24 24\" class=\"icon-mail\" aria-hidden=\"true\">\r\n <rect x=\"3\" y=\"4\" width=\"18\" height=\"16\" rx=\"2\" stroke=\"currentColor\" stroke-width=\"2\" fill=\"none\"\/>\r\n <path d=\"M16 2v4M8 2v4M3 10h18\" stroke=\"currentColor\" stroke-width=\"2\"\/>\r\n <\/svg>\r\n <\/button>\r\n <\/div>\r\n\r\n <div class=\"wide-card card-color-1\" onclick=\"window.location.href='mailto:info@finetourkorea.com?subject=Autumn%20Tour%20Quote';\">\r\n <div class=\"wide-card__image\">\r\n <img decoding=\"async\" src=\"http:\/\/finetourkorea.com\/wp-content\/uploads\/2025\/12\/ctaat3.webp\" alt=\"Request a Quote\">\r\n <\/div>\r\n <div class=\"wide-card__text\">\r\n <h3>Request a Quote<\/h3>\r\n <p>Get a customized travel<br>package proposal<\/p>\r\n <\/div>\r\n <button class=\"wide-card__button\" aria-label=\"Request a Quote\">\r\n <svg viewBox=\"0 0 24 24\" class=\"icon-mail\" aria-hidden=\"true\">\r\n <path fill=\"currentColor\" d=\"M20 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z\" \/>\r\n <\/svg>\r\n <\/button>\r\n <\/div>\r\n\r\n <div class=\"wide-card card-color-3\" onclick=\"window.location.href='#';\">\r\n <div class=\"wide-card__image\">\r\n <img decoding=\"async\" src=\"http:\/\/finetourkorea.com\/wp-content\/uploads\/2025\/12\/ctaat4.webp\" alt=\"Contact Us\">\r\n <\/div>\r\n <div class=\"wide-card__text\">\r\n <h3>Contact Us<\/h3>\r\n <p>Connect with our<br>travel specialists<\/p>\r\n <\/div>\r\n <button class=\"wide-card__button\" aria-label=\"Contact Us\">\r\n <svg viewBox=\"0 0 24 24\" class=\"icon-download\" aria-hidden=\"true\">\r\n <path d=\"M12 5v14M5 12h14\" stroke=\"currentColor\" stroke-width=\"2\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\r\n <\/svg>\r\n <\/button>\r\n <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ddefab1 e-flex e-con-boxed e-con e-parent\" data-id=\"ddefab1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>http:\/\/finetourkorea.com\/wp-content\/uploads\/2025\/12\/autumn2026.mp4 Autumn Botanical Guide Autumn Botanical Guide Discover the beauty of the season. × Close Events Signature festivals and seasonal attractions that highlight Korea\u2019s fall colors and cultural charm. Monthly Destinations with Scroll September Swipe to Explore Jaraseom Island Flower Festival Gapyeong, Gyeonggi Pinnacle Land Asan, Chungnam Purple Island Sinan, Jeonnam Banpo Bridge Gangnam, Seoul […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"inline_featured_image":false,"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"full-width-container","site-content-style":"unboxed","site-sidebar-style":"unboxed","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"enabled","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-506","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/finetourkorea.com\/en\/wp-json\/wp\/v2\/pages\/506","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/finetourkorea.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/finetourkorea.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/finetourkorea.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/finetourkorea.com\/en\/wp-json\/wp\/v2\/comments?post=506"}],"version-history":[{"count":1877,"href":"https:\/\/finetourkorea.com\/en\/wp-json\/wp\/v2\/pages\/506\/revisions"}],"predecessor-version":[{"id":20175,"href":"https:\/\/finetourkorea.com\/en\/wp-json\/wp\/v2\/pages\/506\/revisions\/20175"}],"wp:attachment":[{"href":"https:\/\/finetourkorea.com\/en\/wp-json\/wp\/v2\/media?parent=506"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Autumn Botanical Guide<\/title>\r\n <style>\r\n :root {\r\n --card-w: 180px;\r\n --card-m: 15px;\r\n --total-card-size: calc(var(--card-w) + (var(--card-m) * 2));\r\n }\r\n\r\n body {\r\n margin: 0; padding: 0;\r\n background-color: #fdfaf5;\r\n font-family: 'Lexend', sans-serif;\r\n }\r\n\r\n .header-section { padding: 50px 0 20px; color: #000; }\r\n .header-section h3 {\r\n color: #e63e62;\r\n font-size: 1.8rem;\r\n font-weight: 700;\r\n margin: 0;\r\n }\r\n .header-section p {\r\n color: #7a7a7a;\r\n font-size: 16px;\r\n margin: 10px 0 0 0;\r\n font-weight: 400;\r\n}\r\n .slider-wrapper { overflow: hidden; padding: 20px 0; width: 100%; } \r\n .slider-row-box { display: flex; margin-bottom: 25px; }\r\n\r\n .slide-track-line { display: flex; }\r\n .move-left { animation: anime-left 45s linear infinite; }\r\n .move-right { animation: anime-right 45s linear infinite; }\r\n\r\n .plant-card {\r\n position: relative;\r\n width: var(--card-w);\r\n height: 220px;\r\n margin: 0 var(--card-m);\r\n background: #fff;\r\n border-radius: 20px;\r\n overflow: hidden;\r\n cursor: pointer;\r\n box-shadow: 0 4px 10px rgba(0,0,0,0.05);\r\n transition: all 0.3s ease;\r\n flex-shrink: 0;\r\n }\r\n\r\n .plant-card:hover { transform: translateY(-10px); box-shadow: 0 15px 30px rgba(0,0,0,0.1); }\r\n .plant-card img { width: 100%; height: 100%; object-fit: cover; }\r\n\r\n .plant-name-label {\r\n position: absolute; bottom: 0; width: 100%; padding: 12px 0;\r\n background: rgba(255, 255, 255, 0.9); color: #333;\r\n text-align: center; font-weight: bold; font-size: 0.9rem;\r\n cursor: text;\r\n user-select: all;\r\n }\r\n\r\n .info-modal-overlay {\r\n display: none; position: fixed; z-index: 9999;\r\n left: 0; top: 0; width: 100%; height: 100%;\r\n background: rgba(0, 0, 0, 0.3); \r\n backdrop-filter: blur(3px);\r\n align-items: center; justify-content: center;\r\n }\r\n\r\n .info-modal-body {\r\n background: white; border-radius: 30px;\r\n max-width: 400px; width: 90%; position: relative;\r\n box-shadow: 0 30px 100px rgba(0,0,0,0.15), 0 10px 20px rgba(0,0,0,0.05);\r\n animation: popIn 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n overflow: hidden;\r\n }\r\n\r\n @keyframes popIn { from { opacity: 0; transform: scale(0.9) translateY(20px); } to { opacity: 1; transform: scale(1) translateY(0); } }\r\n\r\n #detailImg { width: 100%; height: 250px; object-fit: cover; }\r\n .detail-content-padding { padding: 30px; text-align: left; }\r\n\r\n .tag {\r\n display: inline-block; padding: 4px 10px; border-radius: 8px;\r\n font-size: 0.75rem; margin-bottom: 12px; font-weight: bold;\r\n }\r\n .tag-time { background: #fff3e0; color: #e65100; margin-right: 6px; }\r\n .tag-spot { background: #e8f5e9; color: #2e7d32; }\r\n\r\n .desc-text { line-height: 1.7; color: #666; font-size: 0.95rem; margin: 15px 0 25px; word-break: keep-all; }\r\n .close-x { position: absolute; top: 15px; right: 20px; font-size: 24px; cursor: pointer; color: white; text-shadow: 0 2px 4px rgba(0,0,0,0.5); z-index: 10; }\r\n\r\n @keyframes anime-left { 0% { transform: translateX(0); } 100% { transform: translateX(calc(var(--total-card-size) * -5)); } }\r\n @keyframes anime-right { 0% { transform: translateX(calc(var(--total-card-size) * -5)); } 100% { transform: translateX(0); } }\r\n .slider-row-box:hover .slide-track-line { animation-play-state: paused; }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"header-section\">\r\n <h3>Autumn Botanical Guide<\/h3>\r\n <p>Discover the beauty of the season.<\/p>\r\n<\/div>\r\n\r\n<div class=\"slider-wrapper\">\r\n <div class=\"slider-row-box\"><div id=\"track-row-1\" class=\"slide-track-line move-left\"><\/div><\/div>\r\n <div class=\"slider-row-box\"><div id=\"track-row-2\" class=\"slide-track-line move-right\"><\/div><\/div>\r\n<\/div>\r\n\r\n<div id=\"infoDetailModal\" class=\"info-modal-overlay\" onclick=\"closePlantInfo()\">\r\n <div class=\"info-modal-body\" onclick=\"event.stopPropagation()\">\r\n <span class=\"close-x\" onclick=\"closePlantInfo()\">×<\/span>\r\n <img decoding=\"async\" id=\"detailImg\" src=\"\" alt=\"Plant\">\r\n <div class=\"detail-content-padding\">\r\n <div>\r\n <span id=\"detailMonth\" class=\"tag tag-time\"><\/span>\r\n <span id=\"detailLoc\" class=\"tag tag-spot\"><\/span>\r\n <\/div>\r\n <h3 id=\"detailTitle\" style=\"margin: 5px 0; color: #333;\"><\/h3>\r\n <p id=\"detailDesc\" class=\"desc-text\"><\/p>\r\n <button onclick=\"closePlantInfo()\" style=\"width: 100%; padding: 14px; border: none; border-radius: 12px; background: #333; color: white; cursor: pointer; font-weight: bold;\">Close<\/button>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<script>\r\n const row1Plants = [\r\n { name: \"Maple Tree\", month: \"Oct-Nov\", loc: \"Seoraksan\", desc: \"Maples are the symbol of autumn. The red foliage seen from the Gongnyong Ridge of Seoraksan is considered the finest scenery in Korea.\", img: \"http:\/\/finetourkorea.com\/wp-content\/uploads\/2025\/08\/sejn2111.webp\" },\r\n { name: \"Ginkgo Tree\", month: \"Oct-Nov\", loc: \"Asan Gokgyocheon\", desc: \"Ginkgo trees provide a golden autumn. The Ginkgo road at Gokgyocheon in Asan offers an experience like walking through an endless yellow tunnel.\", img: \"http:\/\/finetourkorea.com\/wp-content\/uploads\/2025\/09\/jej-1.webp\" },\r\n { name: \"Silver Grass\", month: \"Sep-Oct\", loc: \"Mindungsan\", desc: \"Silver grass sways like silver waves. The colony at Mindungsan in Jeongseon displays a sea of silver grass dancing in the autumn wind.\", img: \"http:\/\/finetourkorea.com\/wp-content\/uploads\/2025\/07\/semp-3.webp\" },\r\n { name: \"Kochia\", month: \"Sep-Oct\", loc: \"Haneul Park\", desc: \"Kochia is a cute, round-shaped plant. In autumn, it turns from green to a vivid pink color.\", img: \"http:\/\/finetourkorea.com\/wp-content\/uploads\/2025\/11\/ycd.webp\" },\r\n { name: \"Reeds\", month: \"Oct-Nov\", loc: \"Suncheon Bay\", desc: \"Reeds grow in wetlands and complete the lyrical atmosphere of autumn. The reed fields of Suncheon Bay are a world-class attraction.\", img: \"http:\/\/finetourkorea.com\/wp-content\/uploads\/2025\/12\/bsat1.webp\" }\r\n ];\r\n\r\n const row2Plants = [\r\n { name: \"Pink Muhly\", month: \"Sep-Nov\", loc: \"Gyeongju\", desc: \"Pink Muhly creates a dreamy atmosphere like pink clouds. The area around Cheomseongdae in Gyeongju is the best place for photos.\", img: \"http:\/\/finetourkorea.com\/wp-content\/uploads\/2025\/12\/yjat1.webp\" },\r\n { name: \"Cosmos\", month: \"Sep-Oct\", loc: \"Olympic Park\", desc: \"Cosmos blooming along the paths create a typical autumn landscape in Korea.\", img: \"http:\/\/finetourkorea.com\/wp-content\/uploads\/2025\/12\/gwat-4.webp\" },\r\n { name: \"Aster\", month: \"Sep-Oct\", loc: \"Garden of Morning Calm\", desc: \"Aster is a purple wildflower that blooms at the end of autumn. Purple waves beautifully cover the autumn mountain ridges.\", img: \"http:\/\/finetourkorea.com\/wp-content\/uploads\/2025\/12\/gyeongbuk_aster.webp\" },\r\n { name: \"Gomphrena\", month: \"Aug-Oct\", loc: \"Nari Park\", desc: \"Gomphrena is known for its colors that don't fade for a long time, symbolizing 'eternal love'. The view at Nari Park in Yangju is spectacular.\", img: \"http:\/\/finetourkorea.com\/wp-content\/uploads\/2025\/12\/yangju_naripark_autumn.webp\" },\r\n { name: \"Buckwheat\", month: \"Sep\", loc: \"Pyeongchang\", desc: \"Buckwheat flowers look like sprinkled salt under the moonlight. Bongpyeong in Pyeongchang is the actual setting of the famous novel.\", img: \"http:\/\/finetourkorea.com\/wp-content\/uploads\/2025\/12\/jeju_buckwheat.webp\" }\r\n ];\r\n\r\n function createSlider(id, data) {\r\n const track = document.getElementById(id);\r\n [...data, ...data].forEach(item => {\r\n const card = document.createElement('div');\r\n card.className = 'plant-card';\r\n card.onclick = () => displayPlantInfo(item);\r\n card.innerHTML = `<img decoding=\"async\" src=\"${item.img}\" alt=\"${item.name}\"><div class=\"plant-name-label\">${item.name}<\/div>`;\r\n track.appendChild(card);\r\n });\r\n track.style.width = `calc(var(--total-card-size) * ${data.length * 2})`;\r\n }\r\n\r\n function displayPlantInfo(item) {\r\n document.getElementById('detailTitle').innerText = item.name;\r\n document.getElementById('detailDesc').innerText = item.desc;\r\n document.getElementById('detailMonth').innerText = \"\ud83d\uddd3 \" + item.month;\r\n document.getElementById('detailLoc').innerText = \"\ud83d\udccd \" + item.loc;\r\n document.getElementById('detailImg').src = item.img;\r\n document.getElementById('infoDetailModal').style.display = 'flex';\r\n document.querySelectorAll('.slide-track-line').forEach(t => t.style.animationPlayState = 'paused');\r\n }\r\n\r\n function closePlantInfo() {\r\n document.getElementById('infoDetailModal').style.display = 'none';\r\n document.querySelectorAll('.slide-track-line').forEach(t => t.style.animationPlayState = 'running');\r\n }\r\n\r\n createSlider('track-row-1', row1Plants);\r\n createSlider('track-row-2', row2Plants);\r\n window.addEventListener('keydown', (e) => { if(e.key === 'Escape') closePlantInfo(); });\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html> \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-10f21ed elementor-widget-mobile__width-initial elementor-widget elementor-widget-heading\" data-id=\"10f21ed\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Events<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-704ee40 elementor-widget-tablet__width-inherit elementor-widget elementor-widget-heading\" data-id=\"704ee40\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h5 class=\"elementor-heading-title elementor-size-default\">Signature festivals and seasonal attractions that highlight Korea\u2019s fall colors and cultural charm.<\/h5>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4e5d225 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"4e5d225\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<title>Monthly Destinations with Scroll<\/title>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Lexend:wght@400;700&display=swap\" rel=\"stylesheet\">\r\n<style>\r\nbody {\r\n margin: 0;\r\n padding: 20px;\r\n background: #f5f5f5;\r\n font-family: 'Lexend', sans-serif;\r\n}\r\n\r\n.month-section {\r\n margin-bottom: 70px;\r\n position: relative;\r\n}\r\n\r\n.month-title {\r\n font-family: 'Lexend', sans-serif;\r\n font-size: 30px;\r\n font-weight: 700;\r\n margin-bottom: 18px;\r\n margin-top: 50px;\r\n}\r\n\r\n.cutscroll {\r\n position: relative;\r\n width: 100%;\r\n height: 430px;\r\n overflow-x: hidden; \/* \ucd08\uae30 \uc0c1\ud0dc: \uc2a4\ud06c\ub864 \uae08\uc9c0 *\/\r\n overflow-y: hidden;\r\n scrollbar-width: none;\r\n -ms-overflow-style: none;\r\n -webkit-overflow-scrolling: touch;\r\n}\r\n\r\n.cutscroll::-webkit-scrollbar {\r\n display: none;\r\n}\r\n\r\n.cutgroup-wrapper {\r\n display: flex;\r\n gap: 35px;\r\n}\r\n\r\n.cutgroup {\r\n position: relative;\r\n width: 600px;\r\n height: 430px;\r\n flex-shrink: 0;\r\n}\r\n\r\n.cut {\r\n position: absolute;\r\n background: #fff;\r\n border: 4px solid #222;\r\n border-radius: 8px;\r\n box-shadow: 5px 5px 0px #000;\r\n overflow: hidden;\r\n}\r\n\r\n.cut .img {\r\n width: 100%;\r\n height: 100%;\r\n background-size: cover;\r\n background-position: center;\r\n}\r\n\r\n.cut.no-overlay::before,\r\n.cut.no-overlay::after {\r\n content: none !important;\r\n background: none !important;\r\n opacity: 0 !important;\r\n}\r\n\r\n.cut::after {\r\n content: \"\";\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 25%;\r\n background: linear-gradient(to top, rgba(0,0,0,0.55), rgba(0,0,0,0));\r\n pointer-events: none;\r\n}\r\n\r\n.cut.no-overlay {\r\n background: #e63e62 !important;\r\n}\r\n\r\n.cut.no-overlay .month-number {\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n transform: translate(-50%, -50%);\r\n font-family: 'Lexend', sans-serif;\r\n font-size: 100px;\r\n font-weight: 700;\r\n color: #fff;\r\n z-index: 5;\r\n}\r\n\r\n.cut .title,\r\n.cut .subtitle {\r\n position: absolute;\r\n left: 14px;\r\n color: #fff;\r\n z-index: 5;\r\n text-shadow: 0px 3px 6px rgba(0,0,0,0.45);\r\n}\r\n\r\n.cut .title {\r\n bottom: 38px;\r\n font-family: 'Lexend', sans-serif;\r\n font-size: 25px;\r\n font-weight: 700;\r\n}\r\n\r\n.cut .subtitle {\r\n bottom: 12px;\r\n font-family: 'Lexend', sans-serif;\r\n font-size: 18px;\r\n opacity: 0.9;\r\n}\r\n\r\n\/* ========== Swipe Guide ========== *\/\r\n.swipe-guide {\r\n display: none;\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background: rgba(255, 255, 255, 0.75);\r\n backdrop-filter: blur(3px);\r\n z-index: 10;\r\n align-items: center;\r\n justify-content: center;\r\n flex-direction: column;\r\n cursor: pointer;\r\n transition: opacity 0.5s ease;\r\n}\r\n\r\n.swipe-guide.active {\r\n display: flex;\r\n}\r\n\r\n.swipe-guide.hide {\r\n opacity: 0;\r\n pointer-events: none;\r\n}\r\n\r\n.guide-content {\r\n text-align: center;\r\n color: #e63e62;\r\n}\r\n\r\n.hand-icon {\r\n width: 70px;\r\n height: 70px;\r\n margin-bottom: 20px;\r\n animation: swipeAnimation 1.8s ease-in-out infinite;\r\n}\r\n\r\n.guide-text {\r\n font-family: 'Lexend', sans-serif;\r\n font-weight: 700;\r\n font-size: 22px;\r\n text-transform: uppercase;\r\n letter-spacing: 1.5px;\r\n}\r\n\r\n@keyframes swipeAnimation {\r\n 0% { transform: translateX(50px); opacity: 0; }\r\n 40% { transform: translateX(-50px); opacity: 1; }\r\n 80% { transform: translateX(-80px); opacity: 0.5; }\r\n 100% { transform: translateX(-100px); opacity: 0; }\r\n}\r\n\r\n\/* \ubaa8\ubc14\uc77c \ubc0f \ud0dc\ube14\ub9bf\uc5d0\uc11c\ub9cc \ud65c\uc131\ud654 *\/\r\n@media (max-width: 900px) {\r\n .swipe-guide {\r\n display: flex;\r\n }\r\n}\r\n\r\n@media (max-width: 600px) {\r\n .guide-text {\r\n font-size: 18px;\r\n }\r\n \r\n .hand-icon {\r\n width: 60px;\r\n height: 60px;\r\n }\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n\r\n<div class=\"month-section\">\r\n <div class=\"month-title\">September<\/div>\r\n \r\n <div class=\"cutscroll\">\r\n <div class=\"swipe-guide active\">\r\n <div class=\"guide-content\">\r\n <svg class=\"hand-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M18 11V6a2 2 0 0 0-2-2v0a2 2 0 0 0-2 2v0\"><\/path>\r\n <path d=\"M14 10V4a2 2 0 0 0-2-2v0a2 2 0 0 0-2 2v0\"><\/path>\r\n <path d=\"M10 10.5V6a2 2 0 0 0-2-2v0a2 2 0 0 0-2 2v0\"><\/path>\r\n <path d=\"M18 8a2 2 0 1 1 4 0v6a8 8 0 0 1-8 8h-2c-2.8 0-4.5-.86-5.99-2.34l-3.6-3.6a2 2 0 0 1 2.83-2.82L7 15\"><\/path>\r\n <\/svg>\r\n <div class=\"guide-text\">Swipe to Explore<\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"cutgroup-wrapper\">\r\n <div class=\"cutgroup\">\r\n <div class=\"cut\" style=\"width:600px;height:200px;top:0;left:0;\">\r\n <div class=\"img\" style=\"background-image:url('http:\/\/finetourkorea.com\/wp-content\/uploads\/2025\/11\/20240704113217-1.webp');\"><\/div>\r\n <div class=\"title\">Jaraseom Island Flower Festival<\/div>\r\n <div class=\"subtitle\">Gapyeong, Gyeonggi<\/div>\r\n <\/div>\r\n <div class=\"cut\" style=\"width:260px;height:200px;bottom:0;left:0;\">\r\n <div class=\"img\" style=\"background-image:url('http:\/\/finetourkorea.com\/wp-content\/uploads\/2025\/11\/unnamed-1.webp');\"><\/div>\r\n <div class=\"title\">Pinnacle Land<\/div>\r\n <div class=\"subtitle\">Asan, Chungnam<\/div>\r\n <\/div>\r\n <div class=\"cut\" style=\"width:310px;height:200px;bottom:0;right:0;\">\r\n <div class=\"img\" style=\"background-image:url('http:\/\/finetourkorea.com\/wp-content\/uploads\/2025\/11\/pp1.webp');\"><\/div>\r\n <div class=\"title\">Purple Island<\/div>\r\n <div class=\"subtitle\">Sinan, Jeonnam<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"cutgroup\">\r\n <div class=\"cut\" style=\"width:220px;height:430px;left:0;top:0;\">\r\n <div class=\"img\" style=\"background-image:url('http:\/\/finetourkorea.com\/wp-content\/uploads\/2025\/11\/bp.webp');height:100%;\"><\/div>\r\n <div class=\"title\">Banpo Bridge<\/div>\r\n <div class=\"subtitle\">Gangnam, Seoul<\/div>\r\n <\/div>\r\n <div class=\"cut\" style=\"width:360px;height:200px;right:0;top:0;\">\r\n <div class=\"img\" style=\"background-image:url('http:\/\/finetourkorea.com\/wp-content\/uploads\/2025\/11\/skyw.webp');\"><\/div>\r\n <div class=\"title\">Oryukdo Skywalk<\/div>\r\n <div class=\"subtitle\">Busan<\/div>\r\n <\/div>\r\n <div class=\"cut no-overlay\" style=\"width:170px;height:200px;left:240px;bottom:0;\">\r\n <div class=\"month-number\">9<\/div>\r\n <\/div>\r\n <div class=\"cut\" style=\"width:170px;height:200px;right:0;bottom:0;\">\r\n <div class=\"img\" style=\"background-image:url('http:\/\/finetourkorea.com\/wp-content\/uploads\/2025\/09\/rp3.webp');height:100%;\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n\r\n<div class=\"month-section\">\r\n <div class=\"month-title\">October<\/div>\r\n \r\n <div class=\"cutscroll\">\r\n <div class=\"swipe-guide active\">\r\n <div class=\"guide-content\">\r\n <svg class=\"hand-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M18 11V6a2 2 0 0 0-2-2v0a2 2 0 0 0-2 2v0\"><\/path>\r\n <path d=\"M14 10V4a2 2 0 0 0-2-2v0a2 2 0 0 0-2 2v0\"><\/path>\r\n <path d=\"M10 10.5V6a2 2 0 0 0-2-2v0a2 2 0 0 0-2 2v0\"><\/path>\r\n <path d=\"M18 8a2 2 0 1 1 4 0v6a8 8 0 0 1-8 8h-2c-2.8 0-4.5-.86-5.99-2.34l-3.6-3.6a2 2 0 0 1 2.83-2.82L7 15\"><\/path>\r\n <\/svg>\r\n <div class=\"guide-text\">Swipe to Explore<\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"cutgroup-wrapper\">\r\n <div class=\"cutgroup\">\r\n <div class=\"cut\" style=\"width:230px;height:430px;left:0;top:0;\">\r\n <div class=\"img\" style=\"background-image:url('http:\/\/finetourkorea.com\/wp-content\/uploads\/2025\/08\/sejn2111.webp');\"><\/div>\r\n <div class=\"title\">Deoksugung<br>Stone Wall Road<\/div>\r\n <div class=\"subtitle\">Jongno, Seoul<\/div>\r\n <\/div>\r\n <div class=\"cut\" style=\"width:370px;height:190px;left:250px;top:0;\">\r\n <div class=\"img\" style=\"background-image:url('http:\/\/finetourkorea.com\/wp-content\/uploads\/2025\/11\/QNA_IMAGE_1750215103467.webp');\"><\/div>\r\n <div class=\"title\">Suwon Hwaseong<br>Media Art<\/div>\r\n <div class=\"subtitle\">Suwon, Gyeonggi<\/div>\r\n <\/div>\r\n <div class=\"cut no-overlay\" style=\"width:180px;height:220px;right:170px;bottom:0;\">\r\n <div class=\"month-number\">10<\/div>\r\n <\/div>\r\n <div class=\"cut\" style=\"width:180px;height:220px;right:-20px;bottom:0;\">\r\n <div class=\"img\" style=\"background-image:url('http:\/\/finetourkorea.com\/wp-content\/uploads\/2025\/07\/semp-3.webp');\"><\/div>\r\n <div class=\"title\">Haneul Park<\/div>\r\n <div class=\"subtitle\">Mapo, Seoul<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"cutgroup\">\r\n <div class=\"cut\" style=\"width:600px;height:190px;top:0;\">\r\n <div class=\"img\" style=\"background-image:url('http:\/\/finetourkorea.com\/wp-content\/uploads\/2025\/11\/ycd.webp');\"><\/div>\r\n <div class=\"title\">Dapsari Park<\/div>\r\n <div class=\"subtitle\">Yeoncheon, Gyeonggi<\/div>\r\n <\/div>\r\n <div class=\"cut\" style=\"width:180px;height:220px;left:0;bottom:0;\">\r\n <div class=\"img\" style=\"background-image:url('http:\/\/finetourkorea.com\/wp-content\/uploads\/2025\/11\/pch.webp');\"><\/div>\r\n <div class=\"title\">Herb Island<\/div>\r\n <div class=\"subtitle\">Pocheon<\/div>\r\n <\/div>\r\n <div class=\"cut\" style=\"width:180px;height:220px;left:210px;bottom:0;\">\r\n <div class=\"img\" style=\"background-image:url('http:\/\/finetourkorea.com\/wp-content\/uploads\/2025\/08\/b10.webp');\"><\/div>\r\n <\/div>\r\n <div class=\"cut\" style=\"width:180px;height:220px;right:0;bottom:0;\">\r\n <div class=\"img\" style=\"background-image:url('http:\/\/finetourkorea.com\/wp-content\/uploads\/2025\/07\/jn-3.webp');\"><\/div>\r\n <div class=\"title\">Suncheon<br>Bay<\/div>\r\n <div class=\"subtitle\">Suncheon<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n\r\n<div class=\"month-section\">\r\n <div class=\"month-title\">November<\/div>\r\n \r\n <div class=\"cutscroll\">\r\n <div class=\"swipe-guide active\">\r\n <div class=\"guide-content\">\r\n <svg class=\"hand-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M18 11V6a2 2 0 0 0-2-2v0a2 2 0 0 0-2 2v0\"><\/path>\r\n <path d=\"M14 10V4a2 2 0 0 0-2-2v0a2 2 0 0 0-2 2v0\"><\/path>\r\n <path d=\"M10 10.5V6a2 2 0 0 0-2-2v0a2 2 0 0 0-2 2v0\"><\/path>\r\n <path d=\"M18 8a2 2 0 1 1 4 0v6a8 8 0 0 1-8 8h-2c-2.8 0-4.5-.86-5.99-2.34l-3.6-3.6a2 2 0 0 1 2.83-2.82L7 15\"><\/path>\r\n <\/svg>\r\n <div class=\"guide-text\">Swipe to Explore<\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"cutgroup-wrapper\">\r\n <div class=\"cutgroup\">\r\n <div class=\"cut\" style=\"width:600px;height:200px;top:0;\">\r\n <div class=\"img\" style=\"background-image:url('http:\/\/finetourkorea.com\/wp-content\/uploads\/2025\/08\/autumnbg.webp');\"><\/div>\r\n <div class=\"title\">Naejang Mountain<\/div>\r\n <div class=\"subtitle\">Jeongeup, Jeonnam<\/div>\r\n <\/div>\r\n <div class=\"cut\" style=\"width:220px;height:210px;left:0;bottom:0;\">\r\n <div class=\"img\" style=\"background-image:url('http:\/\/finetourkorea.com\/wp-content\/uploads\/2025\/07\/jj-6.webp');\"><\/div>\r\n <div class=\"title\">Sangumburi<\/div>\r\n <div class=\"subtitle\">Jeju<\/div>\r\n <\/div>\r\n <div class=\"cut no-overlay\" style=\"width:360px;height:100px;right:0;bottom:110px;\">\r\n <div class=\"month-number\">11<\/div>\r\n <\/div>\r\n <div class=\"cut\" style=\"width:360px;height:100px;right:0;bottom:0;\">\r\n <div class=\"img\" style=\"background-image:url('http:\/\/finetourkorea.com\/wp-content\/uploads\/2025\/11\/1689318537385.webp');\"><\/div>\r\n <div class=\"title\">Cheongnamdae<\/div>\r\n <div class=\"subtitle\">Cheongju<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"cutgroup\">\r\n <div class=\"cut\" style=\"width:250px;height:430px;left:0;\">\r\n <div class=\"img\" style=\"background-image:url('http:\/\/finetourkorea.com\/wp-content\/uploads\/2025\/11\/sssf.webp');\"><\/div>\r\n <div class=\"title\">Seoul Forest<\/div>\r\n <div class=\"subtitle\">Seongsu, Seoul<\/div>\r\n <\/div>\r\n <div class=\"cut\" style=\"width:330px;height:200px;right:0;top:0;\">\r\n <div class=\"img\" style=\"background-image:url('http:\/\/finetourkorea.com\/wp-content\/uploads\/2025\/11\/stfld.webp');\"><\/div>\r\n <div class=\"title\">Starfield COEX Mall<\/div>\r\n <div class=\"subtitle\">Gangnam, Seoul<\/div>\r\n <\/div>\r\n <div class=\"cut\" style=\"width:330px;height:200px;right:0;bottom:0;\">\r\n <div class=\"img\" style=\"background-image:url('http:\/\/finetourkorea.com\/wp-content\/uploads\/2025\/11\/chs.webp');\"><\/div>\r\n <div class=\"title\">The Hyundai Seoul<\/div>\r\n <div class=\"subtitle\">Yeouido, Seoul<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n<script>\r\ndocument.querySelectorAll('.month-section').forEach(section => {\r\n const cutscroll = section.querySelector('.cutscroll');\r\n const guide = section.querySelector('.swipe-guide');\r\n \r\n \/\/ \uac00\uc774\ub4dc\ub97c \uc81c\uac70\ud558\uace0 \uc2a4\ud06c\ub864\uc744 \ud65c\uc131\ud654\ud558\ub294 \ud568\uc218\r\n const activateScroll = () => {\r\n if (guide && !guide.classList.contains('hide')) {\r\n \/\/ 1. \uac00\uc774\ub4dc \uc560\ub2c8\uba54\uc774\uc158 \ucc98\ub9ac\r\n guide.classList.add('hide');\r\n setTimeout(() => guide.style.display = 'none', 500);\r\n \r\n \/\/ 2. \uc2a4\ud06c\ub864 \uae30\ub2a5 \ud65c\uc131\ud654\r\n cutscroll.style.overflowX = 'auto';\r\n }\r\n };\r\n\r\n \/\/ --- \uac00\uc774\ub4dc \uc81c\uac70 \ubc0f \ud65c\uc131\ud654 \uc774\ubca4\ud2b8 ---\r\n \r\n \/\/ \ud074\ub9ad \ub610\ub294 \ud130\uce58 \uc2dc\r\n guide.addEventListener('click', activateScroll, { once: true });\r\n guide.addEventListener('touchstart', activateScroll, { once: true });\r\n \r\n \/\/ \ub9c8\uc6b0\uc2a4 \uc9c4\uc785 \uc2dc\r\n cutscroll.addEventListener('mouseenter', activateScroll, { once: true });\r\n \r\n \/\/ \ud720 \uc870\uc791 \uc2dc (\uac00\uc774\ub4dc\uac00 \uc788\uc73c\uba74 \uc5ec\uae30\uc11c \uac00\ub85c \uc2a4\ud06c\ub864 \ub3d9\uc791\uc774 \uc2dc\uc791\ub428)\r\n cutscroll.addEventListener('wheel', (e) => {\r\n if (guide.style.display !== 'none') {\r\n activateScroll();\r\n }\r\n \/\/ \uac00\ub85c \uc2a4\ud06c\ub864 \ub85c\uc9c1\r\n if (e.deltaY !== 0) {\r\n e.preventDefault();\r\n cutscroll.scrollLeft += e.deltaY;\r\n }\r\n }, { passive: false });\r\n\r\n \/\/ --- \ub9c8\uc6b0\uc2a4 \ub4dc\ub798\uadf8 \uc2a4\ud06c\ub864 \ub85c\uc9c1 ---\r\n let isDown = false;\r\n let startX;\r\n let scrollLeft;\r\n\r\n cutscroll.addEventListener('mousedown', (e) => {\r\n activateScroll(); \/\/ \ub4dc\ub798\uadf8 \uc2dc\ub3c4 \uc2dc \uc989\uc2dc \ud65c\uc131\ud654\r\n isDown = true;\r\n startX = e.pageX - cutscroll.offsetLeft;\r\n scrollLeft = cutscroll.scrollLeft;\r\n cutscroll.style.cursor = 'grabbing';\r\n });\r\n\r\n cutscroll.addEventListener('mouseleave', () => {\r\n isDown = false;\r\n cutscroll.style.cursor = 'grab';\r\n });\r\n\r\n cutscroll.addEventListener('mouseup', () => {\r\n isDown = false;\r\n cutscroll.style.cursor = 'grab';\r\n });\r\n\r\n cutscroll.addEventListener('mousemove', (e) => {\r\n if (!isDown) return;\r\n e.preventDefault();\r\n const x = e.pageX - cutscroll.offsetLeft;\r\n const walk = (x - startX) * 2;\r\n cutscroll.scrollLeft = scrollLeft - walk;\r\n });\r\n\r\n cutscroll.style.cursor = 'grab';\r\n});\r\n<\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7b8ea69 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"7b8ea69\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<title>Korea Trend & Renewal 2025 | Fine Tour Korea<\/title>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Lexend:wght@400;600;700&display=swap\" rel=\"stylesheet\">\r\n<link rel=\"stylesheet\" href=\"https:\/\/unpkg.com\/swiper\/swiper-bundle.min.css\"\/>\r\n\r\n<style>\r\n:root {\r\n --accent:#E63E62;\r\n --bg:#FFF5F7;\r\n --radius:20px;\r\n --ease:cubic-bezier(.22,1,.36,1);\r\n}\r\n\r\nbody {\r\n margin:0;\r\n font-family:'Lexend',sans-serif;\r\n background:var(--bg);\r\n color:#333;\r\n line-height:1.7;\r\n overflow-x:hidden;\r\n}\r\n\r\n.scroll-arrow {\r\n position: absolute;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n width: 48px;\r\n height: 48px;\r\n border: 2px solid #888;\r\n border-radius: 50%;\r\n background: #fff;\r\n color: #888;\r\n font-size: 24px;\r\n font-weight: 700;\r\n cursor: pointer;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n transition: all 0.25s ease;\r\n z-index: 50 !important; \r\n line-height: 1;\r\n padding: 0;\r\n box-sizing: border-box;\r\n pointer-events: auto;\r\n}\r\n\r\n.scroll-arrow:hover {\r\n background: var(--accent);\r\n border-color: var(--accent);\r\n color: #fff;\r\n}\r\n\r\n.scroll-arrow.left { left: 10px; }\r\n.scroll-arrow.right { right: 10px; }\r\n\r\n.grid-wrapper {\r\n position: relative;\r\n overflow: visible;\r\n padding: 0 10px;\r\n}\r\n\r\n.grid {\r\n display: flex;\r\n flex-wrap: nowrap;\r\n gap: 24px;\r\n overflow-x: auto;\r\n scroll-behavior: smooth;\r\n padding: 20px 0; \r\n scroll-snap-type: x mandatory;\r\n -webkit-overflow-scrolling: touch;\r\n}\r\n\r\n.grid::-webkit-scrollbar { display: none; }\r\n\r\n.card {\r\n flex: 0 0 calc(33.333% - 20px); \r\n max-width: calc(33.333% - 20px);\r\n background: #fff;\r\n border-radius: var(--radius);\r\n box-shadow: 0 4px 16px rgba(0,0,0,.06);\r\n overflow: hidden;\r\n transition: transform .3s var(--ease), box-shadow .3s var(--ease);\r\n cursor: pointer;\r\n scroll-snap-align: start;\r\n}\r\n\r\n.card:hover {\r\n transform: translateY(-6px);\r\n box-shadow: 0 10px 24px rgba(0,0,0,.08);\r\n}\r\n\r\n.card img { width: 100%; height: 180px; object-fit: cover; }\r\n.card h3 { font-size: 20px; font-weight: 500; color: #000; padding: 12px 18px 0; margin-bottom: 4px; }\r\n.card p { font-size: .8rem; color: #7a7a7a; padding: 5px 18px 12px; margin: 0; }\r\n\r\n.trend-section { padding:80px 8%; background:#fff; }\r\n.trend-section h2 { font-size:28.8px; color:var(--accent); margin-bottom:10px; font-weight: 600;}\r\n.trend-section p.lead { font-size:1.05rem; color:#7a7a7a; margin-bottom:40px; }\r\n.trend-section:nth-of-type(even) { background: #f1f1f1; }\r\n\r\n@media (max-width: 1200px) {\r\n .card { flex: 0 0 calc(50% - 18px); max-width: calc(50% - 18px); }\r\n}\r\n\r\n@media (max-width: 600px) {\r\n .trend-section { padding: 44px 4%; }\r\n .grid-wrapper { padding: 0; }\r\n .grid { padding: 10px 0; gap: 14px; }\r\n .card { flex: 0 0 85%; max-width: 85%; }\r\n .scroll-arrow { display: none !important; }\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<section class=\"trend-section\" id=\"renewal\">\r\n <h2>Renewal & Reopening<\/h2>\r\n <p class=\"lead\">Attractions and hotels newly opened or renewed in 2026.<\/p>\r\n <div class=\"grid-wrapper\">\r\n <button class=\"scroll-arrow left\">\u2039<\/button>\r\n <div class=\"grid\">\r\n <div class=\"card\" data-link=\"renewal\">\r\n <img decoding=\"async\" src=\"http:\/\/finetourkorea.com\/wp-content\/uploads\/2025\/11\/11-copy2.webp\">\r\n <h3>Coming Soon...<\/h3>\r\n <p>Scheduled will be updated shortly.<\/p>\r\n <\/div>\r\n <div class=\"card\" data-link=\"renewal\">\r\n <img decoding=\"async\" src=\"http:\/\/finetourkorea.com\/wp-content\/uploads\/2025\/11\/11-copy2.webp\">\r\n <h3>Coming Soon...<\/h3>\r\n <p>Scheduled will be updated shortly.<\/p>\r\n <\/div>\r\n <div class=\"card\" data-link=\"renewal\">\r\n <img decoding=\"async\" src=\"http:\/\/finetourkorea.com\/wp-content\/uploads\/2025\/11\/11-copy2.webp\">\r\n <h3>Coming Soon...<\/h3>\r\n <p>Scheduled will be updated shortly.<\/p>\r\n <\/div>\r\n <button class=\"scroll-arrow right\">\u203a<\/button>\r\n <\/div>\r\n<\/section>\r\n\r\n<section class=\"trend-section\" id=\"favorites\">\r\n <h2>All-Time Favorites<\/h2>\r\n <p class=\"lead\">Experience the timeless charm of Korea\u2019s beloved landmarks.<\/p>\r\n <div class=\"grid-wrapper\">\r\n <button class=\"scroll-arrow left\">\u2039<\/button>\r\n <div class=\"grid\">\r\n <div class=\"card\" data-link=\"favorites\"><img decoding=\"async\" src=\"http:\/\/finetourkorea.com\/wp-content\/uploads\/2025\/09\/rp9.webp\"><h3>Nami Island<\/h3><p>Gapyeong, Gyeonggi<\/p><\/div>\r\n <div class=\"card\" data-link=\"favorites\"><img decoding=\"async\" src=\"http:\/\/finetourkorea.com\/wp-content\/uploads\/2025\/08\/b10.webp\"><h3>Gyeongbokgung Palace<\/h3><p>Seoul<\/p><\/div>\r\n <div class=\"card\" data-link=\"favorites\"><img decoding=\"async\" src=\"http:\/\/finetourkorea.com\/wp-content\/uploads\/2025\/11\/3N3A5527.webp\"><h3>Myeongdong<\/h3><p>Seoul<\/p><\/div>\r\n <div class=\"card\" data-link=\"favorites\"><img decoding=\"async\" src=\"http:\/\/finetourkorea.com\/wp-content\/uploads\/2025\/11\/nstw.webp\"><h3>N Seoul Tower<\/h3><p>Seoul<\/p><\/div>\r\n <\/div>\r\n <button class=\"scroll-arrow right\">\u203a<\/button>\r\n <\/div>\r\n<\/section>\r\n\r\n<script>\r\n\/\/ 1. \uce74\ub4dc \ud074\ub9ad \uc2dc \ud0ed \uc774\ub3d9 \ub85c\uc9c1\r\ndocument.querySelectorAll('.card[data-link]').forEach(card => {\r\n card.addEventListener('click', (e) => {\r\n \/\/ \ub9cc\uc57d \ud074\ub9ad\ub41c \uc694\uc18c\uac00 \ud654\uc0b4\ud45c\ub77c\uba74 \ud0ed \uc774\ub3d9\uc744 \uc2e4\ud589\ud558\uc9c0 \uc54a\uc74c\r\n if (e.target.closest('.scroll-arrow')) return;\r\n\r\n const linkPage = card.getAttribute('data-link');\r\n const tabIndexMap = { 'events': '2', 'renewal': '3', 'favorites': '4' };\r\n const tabIndex = tabIndexMap[linkPage];\r\n\r\n if (tabIndex) {\r\n const tabButton = document.querySelector(`.e-n-tab-title[data-tab-index=\"${tabIndex}\"]`);\r\n if (tabButton) {\r\n tabButton.click();\r\n window.scrollTo({ top: 0, behavior: 'smooth' });\r\n }\r\n }\r\n });\r\n});\r\n\r\n\/\/ 2. \ud654\uc0b4\ud45c \uc2a4\ud06c\ub864 \ub85c\uc9c1 (\ubc84\uadf8 \uc218\uc815\ub428)\r\ndocument.querySelectorAll('.scroll-arrow').forEach(btn => {\r\n btn.addEventListener('click', (e) => {\r\n e.preventDefault();\r\n e.stopPropagation(); \/\/ \uce74\ub4dc \ud074\ub9ad \uc774\ubca4\ud2b8\ub85c \uc804\ud30c\ub418\ub294 \uac83 \ubc29\uc9c0\r\n\r\n const wrapper = btn.closest('.grid-wrapper');\r\n const grid = wrapper.querySelector('.grid');\r\n if (!grid) return;\r\n\r\n const dir = btn.classList.contains('right') ? 1 : -1;\r\n \/\/ \ubd80\ub4dc\ub7ec\uc6b4 \uc2a4\ud06c\ub864\uc744 \uc704\ud574 \ucee8\ud14c\uc774\ub108 \ub108\ube44\uc758 80%\ub9cc\ud07c \uc774\ub3d9\r\n grid.scrollBy({ \r\n left: dir * (grid.clientWidth * 0.8), \r\n behavior: 'smooth' \r\n });\r\n });\r\n});\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-17ee608b e-con-full e-flex e-con e-child\" data-id=\"17ee608b\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7833cc6a elementor-widget__width-initial elementor-widget-mobile__width-initial elementor-widget elementor-widget-html\" data-id=\"7833cc6a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n.card-grid {\r\n display: grid;\r\n gap: 20px;\r\n padding: 20px;\r\n max-width: 1200px;\r\n}\r\n\r\n@media (min-width: 769px) {\r\n .card-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n grid-template-rows: repeat(2, auto);\r\n }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n .card-grid {\r\n grid-template-columns: 1fr;\r\n grid-template-rows: repeat(4, auto);\r\n padding: 10px;\r\n }\r\n}\r\n\r\n.wide-card {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n background: #fff;\r\n border-radius: 16px;\r\n padding: 16px;\r\n gap: 16px;\r\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);\r\n position: relative;\r\n box-sizing: border-box;\r\n font-family: \"Lexend\", sans-serif;\r\n min-height: 130px;\r\n}\r\n\r\n.wide-card__image {\r\n flex: 0 0 100px;\r\n border-radius: 12px;\r\n overflow: hidden;\r\n background: #fff;\r\n}\r\n\r\n.wide-card__image img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n display: block;\r\n border-radius: 12px;\r\n aspect-ratio: 1 \/ 1;\r\n}\r\n\r\n.wide-card__text {\r\n flex: 1;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n}\r\n\r\n.wide-card__text h3 {\r\n font-size: 20px;\r\n margin: 0 0 8px;\r\n font-weight: 700;\r\n}\r\n\r\n.wide-card__text p {\r\n font-size: 16px;\r\n margin: 0;\r\n color: #888;\r\n line-height: 1.4;\r\n}\r\n\r\n.wide-card__button {\r\n position: absolute;\r\n bottom: 16px;\r\n right: 16px;\r\n background: transparent;\r\n border-radius: 50%;\r\n padding: 10px;\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n line-height: 0;\r\n}\r\n\r\n\r\n.card-color-1, .card-color-2, .card-color-4 {\r\n color: #E45F2D;\r\n}\r\n.card-color-1 .wide-card__text h3, .card-color-2 .wide-card__text h3, .card-color-4 .wide-card__text h3 {\r\n color: #E45F2D !important;\r\n}\r\n.card-color-1 .wide-card__button, .card-color-2 .wide-card__button, .card-color-4 .wide-card__button {\r\n border: 2px solid #E45F2D;\r\n}\r\n.card-color-1 .wide-card__button:hover, .card-color-2 .wide-card__button:hover, .card-color-4 .wide-card__button:hover {\r\n background: #E45F2D;\r\n}\r\n.card-color-1 .wide-card__button svg, .card-color-2 .wide-card__button svg, .card-color-4 .wide-card__button svg {\r\n color: #E45F2D;\r\n transition: color 0.3s ease;\r\n}\r\n.card-color-1 .wide-card__button:hover svg, .card-color-2 .wide-card__button:hover svg, .card-color-4 .wide-card__button:hover svg {\r\n color: #fff;\r\n}\r\n\r\n.card-color-3 {\r\n color: #333;\r\n}\r\n.card-color-3 .wide-card__text h3 {\r\n color: #333 !important;\r\n}\r\n.card-color-3 .wide-card__button {\r\n border: 2px solid #333;\r\n}\r\n.card-color-3 .wide-card__button:hover {\r\n background: #333;\r\n border-color: #333;\r\n}\r\n.card-color-3 .wide-card__button svg {\r\n color: #333;\r\n transition: color 0.3s ease;\r\n}\r\n.card-color-3 .wide-card__button:hover svg {\r\n color: #fff;\r\n}\r\n\r\n.icon-download, .icon-mail {\r\n width: 20px;\r\n height: 20px;\r\n}\r\n\r\n@media (min-width: 769px) and (max-width: 1024px) {\r\n .wide-card {\r\n padding: 18px;\r\n gap: 18px;\r\n }\r\n .wide-card__image {\r\n flex: 0 0 80px;\r\n }\r\n .wide-card__text h3 {\r\n font-size: 18px;\r\n }\r\n .wide-card__text p {\r\n font-size: 14px;\r\n }\r\n .wide-card__button {\r\n bottom: 18px;\r\n right: 18px;\r\n padding: 8px;\r\n }\r\n .icon-download, .icon-mail {\r\n width: 18px;\r\n height: 18px;\r\n }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n .wide-card {\r\n padding: 12px;\r\n gap: 10px;\r\n }\r\n .wide-card__image {\r\n flex: 0 0 70px;\r\n width: 70px;\r\n height: 70px;\r\n min-width: 70px;\r\n min-height: 70px;\r\n }\r\n .wide-card__text h3 {\r\n font-size: 16px;\r\n margin-bottom: 4px;\r\n }\r\n .wide-card__text p {\r\n font-size: 12px;\r\n line-height: 1.25;\r\n }\r\n .wide-card__button {\r\n padding: 5px;\r\n bottom: 12px;\r\n right: 12px;\r\n }\r\n .icon-download, .icon-mail {\r\n width: 14px;\r\n height: 14px;\r\n }\r\n}\r\n\r\n<\/style>\r\n<div class=\"card-grid\">\r\n <div class=\"wide-card card-color-1\" onclick=\"window.location.href='https:\/\/finetourkorea.com\/seasons\/#autumntab';\">\r\n <div class=\"wide-card__image\">\r\n <img decoding=\"async\" src=\"http:\/\/finetourkorea.com\/wp-content\/uploads\/2025\/12\/ctaat1.webp\" alt=\"Explore\">\r\n <\/div>\r\n <div class=\"wide-card__text\">\r\n <h3>Explore Autumn Destinations<\/h3>\r\n <p>Discover our recommended<br>autumn travel spots<\/p>\r\n <\/div>\r\n <button class=\"wide-card__button\" aria-label=\"Explore\">\r\n <svg viewBox=\"0 0 24 24\" class=\"icon-download\" aria-hidden=\"true\">\r\n <path d=\"M5 12h14M13 5l6 7-6 7\" stroke=\"currentColor\" stroke-width=\"2\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\r\n <\/svg>\r\n <\/button>\r\n <\/div>\r\n\r\n <div class=\"wide-card card-color-4\" onclick=\"window.location.href='#';\">\r\n <div class=\"wide-card__image\">\r\n <img decoding=\"async\" src=\"http:\/\/finetourkorea.com\/wp-content\/uploads\/2025\/12\/ctaat2.webp\" alt=\"Seasonal Packages\">\r\n <\/div>\r\n <div class=\"wide-card__text\">\r\n <h3>Seasonal Packages<\/h3>\r\n <p>Browse packages optimized<br>for each season<\/p>\r\n <\/div>\r\n <button class=\"wide-card__button\" aria-label=\"Seasonal Packages\">\r\n <svg viewBox=\"0 0 24 24\" class=\"icon-mail\" aria-hidden=\"true\">\r\n <rect x=\"3\" y=\"4\" width=\"18\" height=\"16\" rx=\"2\" stroke=\"currentColor\" stroke-width=\"2\" fill=\"none\"\/>\r\n <path d=\"M16 2v4M8 2v4M3 10h18\" stroke=\"currentColor\" stroke-width=\"2\"\/>\r\n <\/svg>\r\n <\/button>\r\n <\/div>\r\n\r\n <div class=\"wide-card card-color-1\" onclick=\"window.location.href='mailto:info@finetourkorea.com?subject=Autumn%20Tour%20Quote';\">\r\n <div class=\"wide-card__image\">\r\n <img decoding=\"async\" src=\"http:\/\/finetourkorea.com\/wp-content\/uploads\/2025\/12\/ctaat3.webp\" alt=\"Request a Quote\">\r\n <\/div>\r\n <div class=\"wide-card__text\">\r\n <h3>Request a Quote<\/h3>\r\n <p>Get a customized travel<br>package proposal<\/p>\r\n <\/div>\r\n <button class=\"wide-card__button\" aria-label=\"Request a Quote\">\r\n <svg viewBox=\"0 0 24 24\" class=\"icon-mail\" aria-hidden=\"true\">\r\n <path fill=\"currentColor\" d=\"M20 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z\" \/>\r\n <\/svg>\r\n <\/button>\r\n <\/div>\r\n\r\n <div class=\"wide-card card-color-3\" onclick=\"window.location.href='#';\">\r\n <div class=\"wide-card__image\">\r\n <img decoding=\"async\" src=\"http:\/\/finetourkorea.com\/wp-content\/uploads\/2025\/12\/ctaat4.webp\" alt=\"Contact Us\">\r\n <\/div>\r\n <div class=\"wide-card__text\">\r\n <h3>Contact Us<\/h3>\r\n <p>Connect with our<br>travel specialists<\/p>\r\n <\/div>\r\n <button class=\"wide-card__button\" aria-label=\"Contact Us\">\r\n <svg viewBox=\"0 0 24 24\" class=\"icon-download\" aria-hidden=\"true\">\r\n <path d=\"M12 5v14M5 12h14\" stroke=\"currentColor\" stroke-width=\"2\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\r\n <\/svg>\r\n <\/button>\r\n <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ddefab1 e-flex e-con-boxed e-con e-parent\" data-id=\"ddefab1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>http:\/\/finetourkorea.com\/wp-content\/uploads\/2025\/12\/autumn2026.mp4 Autumn Botanical Guide Autumn Botanical Guide Discover the beauty of the season. × Close Events Signature festivals and seasonal attractions that highlight Korea\u2019s fall colors and cultural charm. Monthly Destinations with Scroll September Swipe to Explore Jaraseom Island Flower Festival Gapyeong, Gyeonggi Pinnacle Land Asan, Chungnam Purple Island Sinan, Jeonnam Banpo Bridge Gangnam, Seoul […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"inline_featured_image":false,"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"full-width-container","site-content-style":"unboxed","site-sidebar-style":"unboxed","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"enabled","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-506","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/finetourkorea.com\/en\/wp-json\/wp\/v2\/pages\/506","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/finetourkorea.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/finetourkorea.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/finetourkorea.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/finetourkorea.com\/en\/wp-json\/wp\/v2\/comments?post=506"}],"version-history":[{"count":1877,"href":"https:\/\/finetourkorea.com\/en\/wp-json\/wp\/v2\/pages\/506\/revisions"}],"predecessor-version":[{"id":20175,"href":"https:\/\/finetourkorea.com\/en\/wp-json\/wp\/v2\/pages\/506\/revisions\/20175"}],"wp:attachment":[{"href":"https:\/\/finetourkorea.com\/en\/wp-json\/wp\/v2\/media?parent=506"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}