{"id":137,"date":"2025-04-03T16:18:42","date_gmt":"2025-04-03T16:18:42","guid":{"rendered":"http:\/\/col-golf.co.kr\/?page_id=137"},"modified":"2025-05-22T15:07:34","modified_gmt":"2025-05-22T15:07:34","slug":"%ec%98%a4%ec%8b%9c%eb%8a%94%ea%b8%b8","status":"publish","type":"page","link":"http:\/\/col-golf.co.kr\/?page_id=137","title":{"rendered":"\uc624\uc2dc\ub294\uae38"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n COL Golf - \uc624\uc2dc\ub294 \uae38<\/title>\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/5.15.4\/css\/all.min.css\">\r\n <style>\r\n \/* Common Styles *\/\r\n :root {\r\n --primary-color: #0a473a;\r\n --secondary-color: #c8a95a;\r\n --text-color: #333;\r\n --light-text: #666;\r\n --light-bg: #f9f9f9;\r\n --white: #fff;\r\n --border-radius: 8px;\r\n --shadow: 0 10px 20px rgba(0, 0, 0, 0.05);\r\n --transition: all 0.3s ease;\r\n }\r\n\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n body {\r\n font-family: 'Noto Sans KR', 'Apple SD Gothic Neo', sans-serif;\r\n color: var(--text-color);\r\n line-height: 1.6;\r\n background-color: var(--white);\r\n }\r\n\r\n .col-container {\r\n width: 100%;\r\n max-width: 1400px;\r\n margin: 0 auto;\r\n padding: 0 15px;\r\n }\r\n\r\n \/* Location Page Styles *\/\r\n .col-location-section {\r\n padding: 80px 0;\r\n }\r\n\r\n .col-section-header {\r\n text-align: center;\r\n margin-bottom: 60px;\r\n position: relative;\r\n }\r\n\r\n .col-section-subtitle {\r\n font-size: 14px;\r\n color: var(--secondary-color);\r\n text-transform: uppercase;\r\n letter-spacing: 2px;\r\n margin-bottom: 15px;\r\n position: relative;\r\n display: inline-block;\r\n }\r\n\r\n .col-section-subtitle:before, .col-section-subtitle:after {\r\n content: '';\r\n position: absolute;\r\n top: 50%;\r\n width: 30px;\r\n height: 1px;\r\n background-color: var(--secondary-color);\r\n }\r\n\r\n .col-section-subtitle:before {\r\n left: -40px;\r\n }\r\n\r\n .col-section-subtitle:after {\r\n right: -40px;\r\n }\r\n\r\n .col-section-title {\r\n font-size: clamp(28px, 3.5vw, 40px);\r\n color: var(--primary-color);\r\n margin-bottom: 20px;\r\n line-height: 1.3;\r\n }\r\n\r\n .col-section-description {\r\n max-width: 800px;\r\n margin: 0 auto;\r\n font-size: 16px;\r\n color: var(--light-text);\r\n line-height: 1.6;\r\n }\r\n\r\n \/* Location Card Styles *\/\r\n .col-location-cards {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n gap: 30px;\r\n margin-bottom: 60px;\r\n }\r\n\r\n .col-location-card {\r\n background-color: var(--white);\r\n border-radius: var(--border-radius);\r\n overflow: hidden;\r\n box-shadow: var(--shadow);\r\n transition: var(--transition);\r\n height: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n }\r\n\r\n .col-location-card:hover {\r\n transform: translateY(-10px);\r\n box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);\r\n }\r\n\r\n .col-location-img {\r\n height: 200px;\r\n overflow: hidden;\r\n }\r\n\r\n .col-location-img img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n transition: var(--transition);\r\n }\r\n\r\n .col-location-card:hover .col-location-img img {\r\n transform: scale(1.05);\r\n }\r\n\r\n .col-location-content {\r\n padding: 30px;\r\n flex-grow: 1;\r\n display: flex;\r\n flex-direction: column;\r\n }\r\n\r\n .col-location-title {\r\n font-size: 22px;\r\n color: var(--primary-color);\r\n margin-bottom: 15px;\r\n }\r\n\r\n .col-location-details {\r\n margin-bottom: 20px;\r\n flex-grow: 1;\r\n }\r\n\r\n .col-location-detail {\r\n display: flex;\r\n align-items: flex-start;\r\n margin-bottom: 10px;\r\n }\r\n\r\n .col-location-detail i {\r\n color: var(--secondary-color);\r\n margin-right: 10px;\r\n min-width: 20px;\r\n margin-top: 5px;\r\n }\r\n\r\n .col-location-detail span {\r\n color: var(--light-text);\r\n }\r\n\r\n .col-location-buttons {\r\n margin-top: auto;\r\n display: flex;\r\n gap: 10px;\r\n }\r\n\r\n .col-location-btn {\r\n display: inline-block;\r\n padding: 10px 15px;\r\n background-color: var(--primary-color);\r\n color: var(--white);\r\n text-decoration: none;\r\n border-radius: 4px;\r\n font-size: 14px;\r\n font-weight: 500;\r\n text-align: center;\r\n transition: var(--transition);\r\n flex: 1;\r\n }\r\n\r\n .col-location-btn:hover {\r\n background-color: var(--secondary-color);\r\n }\r\n\r\n \/* Map Styles *\/\r\n .col-map-section {\r\n margin-bottom: 60px;\r\n }\r\n\r\n .col-map-container {\r\n position: relative;\r\n height: 500px;\r\n border-radius: var(--border-radius);\r\n overflow: hidden;\r\n box-shadow: var(--shadow);\r\n }\r\n\r\n .col-map-tabs {\r\n display: flex;\r\n margin-bottom: 20px;\r\n border-bottom: 1px solid #eee;\r\n }\r\n\r\n .col-map-tab {\r\n padding: 15px 20px;\r\n font-size: 16px;\r\n font-weight: 500;\r\n color: var(--light-text);\r\n cursor: pointer;\r\n transition: var(--transition);\r\n border-bottom: 2px solid transparent;\r\n }\r\n\r\n .col-map-tab.active {\r\n color: var(--primary-color);\r\n border-bottom-color: var(--secondary-color);\r\n }\r\n\r\n \/* Transportation Section Styles *\/\r\n .col-transportation-section {\r\n margin-bottom: 60px;\r\n }\r\n\r\n .col-transportation-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\r\n gap: 30px;\r\n }\r\n\r\n .col-transportation-item {\r\n background-color: var(--white);\r\n border-radius: var(--border-radius);\r\n padding: 30px;\r\n box-shadow: var(--shadow);\r\n transition: var(--transition);\r\n }\r\n\r\n .col-transportation-item:hover {\r\n transform: translateY(-5px);\r\n box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);\r\n }\r\n\r\n .col-transportation-icon {\r\n width: 60px;\r\n height: 60px;\r\n background-color: var(--primary-color);\r\n color: var(--white);\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin-bottom: 20px;\r\n font-size: 24px;\r\n }\r\n\r\n .col-transportation-title {\r\n font-size: 20px;\r\n margin-bottom: 15px;\r\n color: var(--primary-color);\r\n }\r\n\r\n .col-transportation-detail {\r\n color: var(--light-text);\r\n margin-bottom: 10px;\r\n }\r\n\r\n \/* Contact Info Styles *\/\r\n .col-contact-section {\r\n background-color: var(--light-bg);\r\n padding: 60px 0;\r\n border-radius: var(--border-radius);\r\n }\r\n\r\n .col-contact-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\r\n gap: 30px;\r\n }\r\n\r\n .col-contact-item {\r\n text-align: center;\r\n padding: 30px;\r\n background-color: var(--white);\r\n border-radius: var(--border-radius);\r\n box-shadow: var(--shadow);\r\n transition: var(--transition);\r\n }\r\n\r\n .col-contact-item:hover {\r\n transform: translateY(-5px);\r\n box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);\r\n }\r\n\r\n .col-contact-icon {\r\n width: 70px;\r\n height: 70px;\r\n background-color: var(--primary-color);\r\n color: var(--white);\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin: 0 auto 20px;\r\n font-size: 28px;\r\n }\r\n\r\n .col-contact-title {\r\n font-size: 20px;\r\n margin-bottom: 15px;\r\n color: var(--primary-color);\r\n }\r\n\r\n .col-contact-info {\r\n color: var(--light-text);\r\n margin-bottom: 10px;\r\n }\r\n\r\n .col-contact-item a {\r\n color: var(--secondary-color);\r\n text-decoration: none;\r\n transition: var(--transition);\r\n }\r\n\r\n .col-contact-item a:hover {\r\n color: var(--primary-color);\r\n }\r\n\r\n \/* Responsive Styles *\/\r\n @media (max-width: 992px) {\r\n .col-location-section {\r\n padding: 60px 0;\r\n }\r\n\r\n .col-section-header {\r\n margin-bottom: 40px;\r\n }\r\n\r\n .col-map-container {\r\n height: 400px;\r\n }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .col-location-section {\r\n padding: 40px 0;\r\n }\r\n\r\n .col-section-title {\r\n font-size: 28px;\r\n }\r\n\r\n .col-map-container {\r\n height: 350px;\r\n }\r\n\r\n .col-map-tabs {\r\n flex-wrap: wrap;\r\n }\r\n\r\n .col-map-tab {\r\n padding: 10px 15px;\r\n font-size: 14px;\r\n }\r\n }\r\n\r\n @media (max-width: 576px) {\r\n .col-section-subtitle:before,\r\n .col-section-subtitle:after {\r\n width: 20px;\r\n }\r\n\r\n .col-section-subtitle:before {\r\n left: -25px;\r\n }\r\n\r\n .col-section-subtitle:after {\r\n right: -25px;\r\n }\r\n\r\n .col-location-buttons {\r\n flex-direction: column;\r\n }\r\n\r\n .col-map-container {\r\n height: 300px;\r\n }\r\n }\r\n .col-section-header{margin:80px auto;}\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <!-- Location Section -->\r\n <section class=\"col-location-section\">\r\n <div class=\"col-container\">\r\n <div class=\"col-section-header\" style=\"margin-bottom: 80px;\">\r\n <span class=\"col-section-subtitle\">Location Guide<\/span>\r\n <h2 class=\"col-section-title\">\uc624\uc2dc\ub294 \uae38<\/h2>\r\n <p class=\"col-section-description\">\uc528\uc624\uc5d8\uace8\ud504\uc640 \ud568\uaed8\ud558\ub294 \ud504\ub9ac\ubbf8\uc5c4 \uace8\ud504 \ub77c\uc774\ud504\uc758 \uc2dc\uc791, \ubc29\ubb38\uc744 \ud658\uc601\ud569\ub2c8\ub2e4. \uc544\ub798 \uc548\ub0b4\uc5d0 \ub530\ub77c \ucc3e\uc544\uc624\uc2dc\uba74 \ub429\ub2c8\ub2e4.<\/p>\r\n <\/div>\r\n\r\n <!-- Location Cards - \uccab \ubc88\uc9f8 \uc904 (2\uac1c) -->\r\n <div class=\"col-location-cards\" style=\"display: grid; grid-template-columns: 1fr 1fr; gap: 30px; margin-bottom: 60px;\">\r\n <!-- Main Office Location -->\r\n <div class=\"col-location-card\">\r\n <div class=\"col-location-img\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1497215728101-856f4ea42174?w=500&auto=format&fit=crop&q=60&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8Mnx8JUVDJTgyJUFDJUVCJUFDJUI0JUVDJThCJUE0fGVufDB8fDB8fHww\" alt=\"\uc528\uc624\uc5d8\uace8\ud504 \ubcf8\uc0ac\">\r\n <\/div>\r\n <div class=\"col-location-content\">\r\n <h3 class=\"col-location-title\">\ubcf8\uc0ac \uc0ac\ubb34\uc2e4<\/h3>\r\n <div class=\"col-location-details\">\r\n <div class=\"col-location-detail\">\r\n <i class=\"fas fa-map-marker-alt\"><\/i>\r\n <span>\uc11c\uc6b8\uc2dc \uad6c\ub85c\uad6c \ub514\uc9c0\ud138\ub85c 31\uae38 53 \uc774\uc5d4\uc528\ubca4\ucc98\ub4dc\ub9bc\ud0c0\uc6cc5\ucc28 610\ud638<\/span>\r\n <\/div>\r\n <div class=\"col-location-detail\">\r\n <i class=\"fas fa-phone-alt\"><\/i>\r\n <span>02-747-5182<\/span>\r\n <\/div>\r\n <div class=\"col-location-detail\">\r\n <i class=\"fas fa-envelope\"><\/i>\r\n <span>colgolf@naver.com<\/span>\r\n <\/div>\r\n <div class=\"col-location-detail\">\r\n <i class=\"fas fa-clock\"><\/i>\r\n <span>\ud3c9\uc77c 09:00 - 18:00 (\uc8fc\ub9d0 \ubc0f \uacf5\ud734\uc77c \ud734\ubb34)<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"col-location-buttons\">\r\n <a href=\"#\" class=\"col-location-btn\" onclick=\"changeMap('office')\">\uc9c0\ub3c4 \ubcf4\uae30<\/a>\r\n <a href=\"tel:02-747-5182\" class=\"col-location-btn\">\uc804\ud654\ud558\uae30<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Lake View Golf Course Location -->\r\n <div class=\"col-location-card\">\r\n <div class=\"col-location-img\">\r\n <img decoding=\"async\" src=\"http:\/\/col-golf.co.kr\/wp-content\/uploads\/2025\/04\/\uadf8\ub9bc13.jpg\" alt=\"\ub808\uc774\ud06c\ubdf0 \ub9ac\uc870\ud2b8 & \uace8\ud504\ud074\ub7fd\">\r\n <\/div>\r\n <div class=\"col-location-content\">\r\n <h3 class=\"col-location-title\">\ub808\uc774\ud06c\ubdf0 \ub9ac\uc870\ud2b8 & \uace8\ud504\ud074\ub7fd<\/h3>\r\n <div class=\"col-location-details\">\r\n <div class=\"col-location-detail\">\r\n <i class=\"fas fa-map-marker-alt\"><\/i>\r\n <span>80 Moo 4, Hubkrapong-Pranburi Highway Cha Am, Phetchaburi 76120 Thailand<\/span>\r\n <\/div>\r\n <div class=\"col-location-detail\">\r\n <i class=\"fas fa-phone-alt\"><\/i>\r\n <span>+66-32-909-100<\/span>\r\n <\/div>\r\n <div class=\"col-location-detail\">\r\n <i class=\"fas fa-plane\"><\/i>\r\n <span>\ubc29\ucf55 \uc218\uc644\ub098\ud488 \uacf5\ud56d\uc5d0\uc11c \uc57d 2\uc2dc\uac04 30\ubd84 \uc18c\uc694<\/span>\r\n <\/div>\r\n <div class=\"col-location-detail\">\r\n <i class=\"fas fa-info-circle\"><\/i>\r\n <span>36\ud640 \/ \ucc54\ud53c\uc5b8&\uc0ac\ub9c9\ucf54\uc2a4 (Par 144)<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"col-location-buttons\">\r\n <a href=\"#\" class=\"col-location-btn\" onclick=\"changeMap('thailand')\">\uc9c0\ub3c4 \ubcf4\uae30<\/a>\r\n <a href=\"https:\/\/www.imperialhotels.com\/\" target=\"_blank\" class=\"col-location-btn\">\ud648\ud398\uc774\uc9c0<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Location Cards - \ub450 \ubc88\uc9f8 \uc904 (2\uac1c) -->\r\n <div class=\"col-location-cards\" style=\"display: grid; grid-template-columns: 1fr 1fr; gap: 30px; margin-bottom: 120px;\">\r\n <!-- Japan Golf Course Location -->\r\n <div class=\"col-location-card\">\r\n <div class=\"col-location-img\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1587174486073-ae5e5cff23aa?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1350&q=80\" alt=\"\uc6b0\uad6c\uc774\uc2a4\ub178\ubaa8\ub9ac \uace8\ud504\ud074\ub7fd\">\r\n <\/div>\r\n <div class=\"col-location-content\">\r\n <h3 class=\"col-location-title\">\uc6b0\uad6c\uc774\uc2a4\ub178\ubaa8\ub9ac \uace8\ud504\ud074\ub7fd<\/h3>\r\n <div class=\"col-location-details\">\r\n <div class=\"col-location-detail\">\r\n <i class=\"fas fa-map-marker-alt\"><\/i>\r\n <span>314-1 Shimoakasawa, Shirosato, Higashiibaraki District, Ibaraki 311-4406<\/span>\r\n <\/div>\r\n <div class=\"col-location-detail\">\r\n <i class=\"fas fa-phone-alt\"><\/i>\r\n <span>0287-92-1155<\/span>\r\n <\/div>\r\n <div class=\"col-location-detail\">\r\n <i class=\"fas fa-plane\"><\/i>\r\n <span>\uc774\ubc14\ub77c\ud0a4\uacf5\ud56d\uc5d0\uc11c 90km \uc57d 1\uc2dc\uac04<\/span>\r\n <\/div>\r\n <div class=\"col-location-detail\">\r\n <i class=\"fas fa-info-circle\"><\/i>\r\n <span>18\ud640 \/ Par72(6,715\uc57c\ub4dc)<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"col-location-buttons\">\r\n <a href=\"#\" class=\"col-location-btn\" onclick=\"changeMap('japan')\">\uc9c0\ub3c4 \ubcf4\uae30<\/a>\r\n <a href=\"https:\/\/umgc.jp\" target=\"_blank\" class=\"col-location-btn\">\ud648\ud398\uc774\uc9c0<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Hokkaido Golf Course Location -->\r\n <div class=\"col-location-card\">\r\n <div class=\"col-location-img\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1627955433445-d233480dd65d?w=500&auto=format&fit=crop&q=60&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8OTB8fGdvbGZ8ZW58MHx8MHx8fDA%3D\" alt=\"\uc5d0\ubbf8\ub098 \uace8\ud504\ub9ac\uc870\ud2b872\">\r\n <\/div>\r\n <div class=\"col-location-content\">\r\n <h3 class=\"col-location-title\">\ub3c4\ub9c8\ucf54\ub9c8\uc774 \uace8\ud504\ub9ac\uc870\ud2b872<\/h3>\r\n <div class=\"col-location-details\">\r\n <div class=\"col-location-detail\">\r\n <i class=\"fas fa-map-marker-alt\"><\/i>\r\n <span>\u3012059-1365 \u5317\u6d77\u9053\u82eb\u5c0f\u7267\u5e02\u690d\u82d7\uff13\uff14\uff11<\/span>\r\n <\/div>\r\n <div class=\"col-location-detail\">\r\n <i class=\"fas fa-phone-alt\"><\/i>\r\n <span>0144-55-5545<\/span>\r\n <\/div>\r\n <div class=\"col-location-detail\">\r\n <i class=\"fas fa-plane\"><\/i>\r\n <span>\uce58\ud1a0\uc138 \uacf5\ud56d\uc5d0\uc11c \uc57d 15-20\ubd84 \uc18c\uc694<\/span>\r\n <\/div>\r\n <div class=\"col-location-detail\">\r\n <i class=\"fas fa-info-circle\"><\/i>\r\n <span>72\ud640 \/ \ubd81\ud574\ub3c4 \ucd5c\ub300\uaddc\ubaa8 \uba85\ubb38 \uace8\ud504\ucf54\uc2a4<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"col-location-buttons\">\r\n <a href=\"#\" class=\"col-location-btn\" onclick=\"changeMap('hokkaido')\">\uc9c0\ub3c4 \ubcf4\uae30<\/a>\r\n <a href=\"https:\/\/tomakomai-golfresort72.com\" target=\"_blank\" class=\"col-location-btn\">\ud648\ud398\uc774\uc9c0<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Map Section -->\r\n <div class=\"col-map-section\" style=\"margin-bottom: 120px;\">\r\n <div class=\"col-map-tabs\">\r\n <div class=\"col-map-tab active\" data-map=\"office\">\ubcf8\uc0ac \uc704\uce58<\/div>\r\n <div class=\"col-map-tab\" data-map=\"thailand\">\ub808\uc774\ud06c\ubdf0 \ub9ac\uc870\ud2b8 & \uace8\ud504\ud074\ub7fd<\/div>\r\n <div class=\"col-map-tab\" data-map=\"japan\">\uc6b0\uad6c\uc774\uc2a4\ub178\ubaa8\ub9ac \uace8\ud504\ud074\ub7fd<\/div>\r\n <div class=\"col-map-tab\" data-map=\"hokkaido\">\ub3c4\ub9c8\ucf54\ub9c8\uc774 \uace8\ud504\ub9ac\uc870\ud2b872<\/div>\r\n <\/div>\r\n <div class=\"col-map-container\">\r\n <iframe \r\n id=\"mapFrame\" \r\n src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d3165.9481198088283!2d126.88994407640303!3d37.485550628767015!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x357c9f5b5c21df57%3A0x11a732f6e500cc69!2z7J207JWk7JSo67Kk7LKY65Oc66a87YOA7JuMNeywqA!5e0!3m2!1sko!2skr!4v1743775210115!5m2!1sko!2skr\" \r\n width=\"100%\" \r\n height=\"100%\" \r\n style=\"border:0;\" \r\n allowfullscreen=\"\" \r\n loading=\"lazy\" \r\n referrerpolicy=\"no-referrer-when-downgrade\"\r\n ><\/iframe>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Transportation Section -->\r\n <div class=\"col-transportation-section\" style=\"margin-bottom: 120px;\">\r\n <div class=\"col-section-header\">\r\n <span class=\"col-section-subtitle\">Transportation Guide<\/span>\r\n <h2 class=\"col-section-title\">\uad50\ud1b5 \uc548\ub0b4<\/h2>\r\n <\/div>\r\n <div class=\"col-transportation-grid\">\r\n <div class=\"col-transportation-item\">\r\n <div class=\"col-transportation-icon\">\r\n <i class=\"fas fa-subway\"><\/i>\r\n <\/div>\r\n <h3 class=\"col-transportation-title\">\uc9c0\ud558\ucca0 \uc774\uc6a9 \uc2dc<\/h3>\r\n <p class=\"col-transportation-detail\">2\ud638\uc120 \uad6c\ub85c\ub514\uc9c0\ud138\ub2e8\uc9c0\uc5ed 3\ubc88 \ucd9c\uad6c<\/p>\r\n <p class=\"col-transportation-detail\">\ub3c4\ubcf4 \uc57d 10\ubd84 \uc18c\uc694<\/p>\r\n <\/div>\r\n <div class=\"col-transportation-item\">\r\n <div class=\"col-transportation-icon\">\r\n <i class=\"fas fa-bus\"><\/i>\r\n <\/div>\r\n <h3 class=\"col-transportation-title\">\ubc84\uc2a4 \uc774\uc6a9 \uc2dc<\/h3>\r\n <p class=\"col-transportation-detail\">\ub514\uc9c0\ud138\ub2e8\uc9c0 \uc0ac\uac70\ub9ac \uc815\ub958\uc7a5<\/p>\r\n <p class=\"col-transportation-detail\">5012, 5614, 5618, 5626, 6513 \ubc84\uc2a4 \uc774\uc6a9<\/p>\r\n <\/div>\r\n <div class=\"col-transportation-item\">\r\n <div class=\"col-transportation-icon\">\r\n <i class=\"fas fa-car\"><\/i>\r\n <\/div>\r\n <h3 class=\"col-transportation-title\">\uc790\uac00\uc6a9 \uc774\uc6a9 \uc2dc<\/h3>\r\n <p class=\"col-transportation-detail\">\ub124\ube44\uac8c\uc774\uc158\uc5d0 '\uc774\uc5d4\uc528\ubca4\ucc98\ub4dc\ub9bc\ud0c0\uc6cc5\ucc28' \uac80\uc0c9<\/p>\r\n <p class=\"col-transportation-detail\">\uac74\ubb3c \ub0b4 \uc8fc\ucc28 \uac00\ub2a5 (\uc720\ub8cc)<\/p>\r\n <\/div>\r\n <div class=\"col-transportation-item\">\r\n <div class=\"col-transportation-icon\">\r\n <i class=\"fas fa-plane\"><\/i>\r\n <\/div>\r\n <h3 class=\"col-transportation-title\">\ud574\uc678 \uace8\ud504\uc7a5 \ubc29\ubb38 \uc2dc<\/h3>\r\n <p class=\"col-transportation-detail\">\uc655\ubcf5 \ud56d\uacf5\uad8c \ubc0f \uace8\ud504\uc7a5 \ud22c\uc5b4 \ud328\ud0a4\uc9c0 \uc608\uc57d \uac00\ub2a5<\/p>\r\n <p class=\"col-transportation-detail\">\uc804\ub2f4 \uc608\uc57d \uc11c\ube44\uc2a4 \uc81c\uacf5<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Contact Information Section -->\r\n <\/div>\r\n <div class=\"col-contact-section\">\r\n <div class=\"col-container\">\r\n <div class=\"col-section-header\">\r\n <span class=\"col-section-subtitle\">Contact Us<\/span>\r\n <h2 class=\"col-section-title\">\ubb38\uc758 \uc548\ub0b4<\/h2>\r\n <\/div>\r\n <div class=\"col-contact-grid\">\r\n <div class=\"col-contact-item\">\r\n <div class=\"col-contact-icon\">\r\n <i class=\"fas fa-phone-alt\"><\/i>\r\n <\/div>\r\n <h3 class=\"col-contact-title\">\uc804\ud654 \ubb38\uc758<\/h3>\r\n <p class=\"col-contact-info\">\ub300\ud45c \uc804\ud654: 02-747-5182<\/p>\r\n <p class=\"col-contact-info\">\uc7a5\uc218\ud604 \ub300\ud45c\uc774\uc0ac: 010-5179-5665<\/p>\r\n <a href=\"tel:02-747-5182\">\uc9c0\uae08 \uc804\ud654\ud558\uae30<\/a>\r\n <\/div>\r\n <div class=\"col-contact-item\">\r\n <div class=\"col-contact-icon\">\r\n <i class=\"fas fa-envelope\"><\/i>\r\n <\/div>\r\n <h3 class=\"col-contact-title\">\uc774\uba54\uc77c \ubb38\uc758<\/h3>\r\n <p class=\"col-contact-info\">\uc77c\ubc18 \ubb38\uc758: colgolf@naver.com<\/p>\r\n <p class=\"col-contact-info\">\ud68c\uc6d0\uad8c \ubb38\uc758: member@colgolf.com<\/p>\r\n <a href=\"mailto:colgolf@naver.com\">\uc774\uba54\uc77c \ubcf4\ub0b4\uae30<\/a>\r\n <\/div>\r\n <div class=\"col-contact-item\">\r\n <div class=\"col-contact-icon\">\r\n <i class=\"fas fa-clock\"><\/i>\r\n <\/div>\r\n <h3 class=\"col-contact-title\">\uc5c5\ubb34 \uc2dc\uac04<\/h3>\r\n <p class=\"col-contact-info\">\ud3c9\uc77c: 09:00 - 18:00<\/p>\r\n <p class=\"col-contact-info\">\uc8fc\ub9d0 \ubc0f \uacf5\ud734\uc77c: \ud734\ubb34<\/p>\r\n <p class=\"col-contact-info\">\uc810\uc2ec\uc2dc\uac04: 12:00 - 13:00<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <script>\r\n \/\/ Map tab switching function\r\n document.addEventListener('DOMContentLoaded', function() {\r\n const mapTabs = document.querySelectorAll('.col-map-tab');\r\n const mapFrame = document.getElementById('mapFrame');\r\n\r\n mapTabs.forEach(tab => {\r\n tab.addEventListener('click', function() {\r\n \/\/ Remove active class from all tabs\r\n mapTabs.forEach(t => t.classList.remove('active'));\r\n \/\/ Add active class to clicked tab\r\n this.classList.add('active');\r\n \/\/ Change map source based on data-map attribute\r\n const mapType = this.getAttribute('data-map');\r\n changeMap(mapType);\r\n });\r\n });\r\n });\r\n function changeMap(mapType) {\r\n const mapFrame = document.getElementById('mapFrame');\r\n const mapSources = {\r\n 'office': 'https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d3165.9481198088283!2d126.88994407640303!3d37.485550628767015!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x357c9f5b5c21df57%3A0x11a732f6e500cc69!2z7J207JWk7JSo67Kk7LKY65Oc66a87YOA7JuMNeywqA!5e0!3m2!1sko!2skr!4v1743775210115!5m2!1sko!2skr',\r\n 'thailand': 'https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d3892.453106321568!2d99.8921129!3d12.6838223!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x30fcfe0f36dc54bb%3A0xe3f13f34603c95f6!2z66CI7J207YGs67ewIOumrOyhsO2KuCAmIOqzqO2UhO2BtOufvQ!5e0!3m2!1sko!2skr!4v1746033138789!5m2!1sko!2skr',\r\n 'japan': 'https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d3209.372870592714!2d140.2301578763681!3d36.448544287442644!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x6021f6da8eb7c141%3A0x6524b2af4deb8815!2s314%20Shimoakasawa%2C%20Shirosato%2C%20Higashiibaraki%20District%2C%20Ibaraki%20311-4406%20%EC%9D%BC%EB%B3%B8!5e0!3m2!1sko!2skr!4v1743775244801!5m2!1sko!2skr',\r\n 'hokkaido': 'https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d2932.6867628778396!2d141.6535797765925!3d42.68917711424478!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x5f751973a4c3a9ff%3A0x7e04016c0fef635c!2s341%20Uenae%2C%20Tomakomai%2C%20Hokkaido%20059-1365%20%EC%9D%BC%EB%B3%B8!5e0!3m2!1sko!2skr!4v1743775264915!5m2!1sko!2skr'\r\n };\r\n\r\n mapFrame.src = mapSources[mapType] || mapSources['office'];\r\n }\r\n \/\/ Animation on scroll\r\n document.addEventListener('DOMContentLoaded', function() {\r\n const animatedElements = document.querySelectorAll('.col-location-card, .col-transportation-item, .col-contact-item');\r\n \r\n const observer = new IntersectionObserver((entries) => {\r\n entries.forEach(entry => {\r\n if (entry.isIntersecting) {\r\n entry.target.style.opacity = 1;\r\n entry.target.style.transform = 'translateY(0)';\r\n }\r\n });\r\n }, { threshold: 0.1 });\r\n \r\n animatedElements.forEach(element => {\r\n element.style.opacity = 0;\r\n element.style.transform = 'translateY(20px)';\r\n element.style.transition = 'opacity 0.5s ease, transform 0.5s ease';\r\n observer.observe(element);\r\n });\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>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>COL Golf – \uc624\uc2dc\ub294 \uae38 Location Guide \uc624\uc2dc\ub294 \uae38 \uc528\uc624\uc5d8\uace8\ud504\uc640 \ud568\uaed8\ud558\ub294 \ud504\ub9ac\ubbf8\uc5c4 \uace8\ud504 \ub77c\uc774\ud504\uc758 \uc2dc\uc791, \ubc29\ubb38\uc744 \ud658\uc601\ud569\ub2c8\ub2e4. \uc544\ub798 \uc548\ub0b4\uc5d0 \ub530\ub77c […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","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":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-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":"","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-4)","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-4)","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-4)","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-137","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"http:\/\/col-golf.co.kr\/index.php?rest_route=\/wp\/v2\/pages\/137","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/col-golf.co.kr\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/col-golf.co.kr\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/col-golf.co.kr\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/col-golf.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=137"}],"version-history":[{"count":71,"href":"http:\/\/col-golf.co.kr\/index.php?rest_route=\/wp\/v2\/pages\/137\/revisions"}],"predecessor-version":[{"id":539,"href":"http:\/\/col-golf.co.kr\/index.php?rest_route=\/wp\/v2\/pages\/137\/revisions\/539"}],"wp:attachment":[{"href":"http:\/\/col-golf.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=137"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}