ATTRACTIVE PROJECT VIETNAM<\/title>\n <style>\n * {\n margin: 0;\n padding: 0;\n }\n\n body {\n margin: 0;\n font-family: Arial, sans-serif;\n overflow: hidden;\n display: flex;\n justify-content: center;\n align-items: center;\n height: 100vh;\n background: #000;\n }\n\n .split-screen {\n display: flex;\n flex-direction: row;\n height: 100vh;\n width: 100vw;\n }\n\n .panel {\n flex: 1;\n position: relative;\n display: flex;\n justify-content: center;\n align-items: center;\n overflow: hidden;\n cursor: pointer;\n background-size: cover;\n background-position: center;\n transition: flex 0.5s ease;\n }\n\n .panel:hover {\n flex: 2;\n }\n\n \/* \ubc30\uacbd \uc774\ubbf8\uc9c0 *\/\n .panel-1 {\n background-image: url(https:\/\/vc.cau.ac.kr\/attractivevietnam\/wp-content\/uploads\/sites\/6\/2026\/02\/buddismim.png');\n }\n\n .panel-2 {\n background-image: url('https:\/\/vc.cau.ac.kr\/attractivevietnam\/wp-content\/uploads\/sites\/6\/2026\/02\/nature3im.png');\n }\n\n .panel-3 {\n background-image: url('https:\/\/vc.cau.ac.kr\/attractivevietnam\/wp-content\/uploads\/sites\/6\/2026\/02\/lifeim.png');\n }\n\n .panel-4 {\n background-image: url('https:\/\/vc.cau.ac.kr\/attractivevietnam\/wp-content\/uploads\/sites\/6\/2026\/02\/cityim.png');\n }\n\n \/* \ud14d\uc2a4\ud2b8 (\uc911\uac04 \ub808\uc774\uc5b4) *\/\n .panel-content {\n position: relative;\n z-index: 4;\n text-align: center;\n transition: transform 0.5s ease, opacity 0.5s ease;\n margin-top: 700px;\n }\n\n .panel-content h1 {\n font-size: 4rem;\n margin: 0;\n color: white;\n transition: font-size 0.5s ease;\n }\n\n .panel-content p {\n font-size: 1rem;\n color: white;\n opacity: 0; \/* \uc644\uc804\ud788 \uc548 \ubcf4\uc774\uac8c \uc124\uc815 *\/\n transition: \/*visibility 0s linear 0.5s,*\/ opacity 0.5s ease; \/* visibility \uc9c0\uc5f0 \ucd94\uac00 *\/\n }\n .panel:hover .panel-content p {\n \/* visibility: visible; \ud638\ubc84 \uc2dc \ubcf4\uc774\uac8c *\/\n opacity: 1; \/* \uc11c\uc11c\ud788 \ub098\ud0c0\ub098\ub3c4\ub85d \uc124\uc815 *\/\n transition: \/* visibility 0s linear 0s,*\/ opacity 0.5s ease;\n }\n \/* \ud14d\uc2a4\ud2b8 \ud638\ubc84 \uc774\ub3d9 \ud6a8\uacfc *\/\n .panel:hover .panel-content {\n transform: translateY(-130%);\n }\n\n \/* h1 \uae00\uc528 \ud06c\uae30 \ud638\ubc84 \ud6a8\uacfc *\/\n .panel:hover .panel-content h1 {\n font-size: 6rem;\n }\n\n \/* \uc5b4\ud37c \ubc30\uacbd (\ud14d\uc2a4\ud2b8 \uc704) *\/\n .upper-layer {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-size: cover;\n background-position: center;\n z-index: 4;\n opacity: 0.8;\n transition: opacity 0.5s ease;\n }\n\n \/* \uc5b4\ud37c \ubc30\uacbd \ud638\ubc84 \ud6a8\uacfc *\/\n .panel:hover .upper-layer {\n opacity: 0.7;\n }\n\n \/* \uadf8\ub77c\ub514\uc5b8\ud2b8 (\ucd5c\uc0c1\ub2e8) *\/\n .overlay {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: 4;\n opacity: 0; \/* \ucd08\uae30 \uc0c1\ud0dc\uc5d0\uc11c \uc228\uae40 *\/\n transition: opacity 0.5s ease; \/* \uc11c\uc11c\ud788 \ub098\ud0c0\ub098\ub294 \ud6a8\uacfc *\/\n }\n\n .panel-1 .overlay {\n background: linear-gradient(to top, rgba(138, 0, 0, 0.8), rgba(138, 0, 0, 0.0), rgba(138, 0, 0, 0.0));\n }\n\n .panel-2 .overlay {\n background: linear-gradient(to top,rgba(47, 179, 228, 0.8), rgba(47, 179, 228, 0.0), rgba(47, 179, 228, 0.0));\n }\n\n .panel-3 .overlay {\n background: linear-gradient(to top, rgba(15, 177, 74, 0.8), rgba(15, 177, 74, 0.0), rgba(15, 177, 74, 0.0));\n }\n\n .panel-4 .overlay {\n background: linear-gradient(to top, rgba(246, 254, 106, 0.8), rgba(246, 254, 106, 0.0), rgba(246, 254, 106, 0.0));\n }\n\n \/* \ud638\ubc84 \uc2dc \uadf8\ub77c\ub514\uc5b8\ud2b8 \ub098\ud0c0\ub0a8 *\/\n .panel:hover .overlay {\n opacity: 1;\n }\n\n @media (max-width: 768px) {\n .split-screen {\n flex-direction: column;\n }\n .panel-content {\n margin-top: 20%;\n }\n .panel:hover .panel-content {\n transform: translateY(-30%);\n }\n.split-screen > .panel:nth-child(4) .panel-content {\n margin-top: 5%;\n }\n <\/style>\n<\/head>\n<body>\n\n<div class=\"split-screen\">\n <div class=\"panel panel-1\" onclick=\"window.location.href='buddhism'\">\n <div class=\"overlay\"><\/div>\n <div class=\"upper-layer\" style=\"background-image: url('https:\/\/vc.cau.ac.kr\/attractivevietnam\/wp-content\/uploads\/sites\/6\/2026\/02\/buddismim.png');\"><\/div>\n <div class=\"panel-content\">\n <h1>Buddhism<\/h1>\n <p>.<\/p>\n <\/div>\n <\/div>\n <div class=\"panel panel-2\" onclick=\"window.location.href='nature'\">\n <div class=\"overlay\"><\/div>\n <div class=\"upper-layer\" style=\"background-image: url('https:\/\/vc.cau.ac.kr\/attractivevietnam\/wp-content\/uploads\/sites\/6\/2026\/02\/nature3im.png');\"><\/div>\n <div class=\"panel-content\">\n <h1>Nature<\/h1>\n <p>.<\/p>\n <\/div>\n <\/div>\n <div class=\"panel panel-3\" onclick=\"window.location.href='lifestyle'\">\n <div class=\"overlay\"><\/div>\n <div class=\"upper-layer\" style=\"background-image: url('https:\/\/vc.cau.ac.kr\/attractivevietnam\/wp-content\/uploads\/sites\/6\/2026\/02\/lifeim.png');\"><\/div>\n <div class=\"panel-content\">\n <h1>Life\n<\/h1>\n <p>.<\/p>\n <\/div>\n <\/div>\n <div class=\"panel panel-4\" onclick=\"window.location.href='city'\">\n <div class=\"overlay\"><\/div>\n <div class=\"upper-layer\" style=\"background-image: url('https:\/\/vc.cau.ac.kr\/attractivevietnam\/wp-content\/uploads\/sites\/6\/2026\/02\/cityim.png');\"><\/div>\n <div class=\"panel-content\">\n <h1>City<\/h1>\n <p>.<\/p>\n <\/div>\n <\/div>\n<\/div>\n\n<\/body>\n<\/html>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>ATTRACTIVE PROJECT VIETNAM Buddhism . Nature . Life . City .<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-17","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/vc.cau.ac.kr\/attractivevietnam\/wp-json\/wp\/v2\/pages\/17","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/vc.cau.ac.kr\/attractivevietnam\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/vc.cau.ac.kr\/attractivevietnam\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/vc.cau.ac.kr\/attractivevietnam\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/vc.cau.ac.kr\/attractivevietnam\/wp-json\/wp\/v2\/comments?post=17"}],"version-history":[{"count":106,"href":"https:\/\/vc.cau.ac.kr\/attractivevietnam\/wp-json\/wp\/v2\/pages\/17\/revisions"}],"predecessor-version":[{"id":1022,"href":"https:\/\/vc.cau.ac.kr\/attractivevietnam\/wp-json\/wp\/v2\/pages\/17\/revisions\/1022"}],"wp:attachment":[{"href":"https:\/\/vc.cau.ac.kr\/attractivevietnam\/wp-json\/wp\/v2\/media?parent=17"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":17,"date":"2026-02-05T10:49:14","date_gmt":"2026-02-05T10:49:14","guid":{"rendered":"https:\/\/vc.cau.ac.kr\/attractivevietnam\/?page_id=17"},"modified":"2026-03-26T04:28:06","modified_gmt":"2026-03-26T04:28:06","slug":"main","status":"publish","type":"page","link":"https:\/\/vc.cau.ac.kr\/attractivevietnam\/","title":{"rendered":"ATTRACTIVE VIETNAM"},"content":{"rendered":"\n\n\n\n \n \n ATTRACTIVE PROJECT VIETNAM<\/title>\n <style>\n * {\n margin: 0;\n padding: 0;\n }\n\n body {\n margin: 0;\n font-family: Arial, sans-serif;\n overflow: hidden;\n display: flex;\n justify-content: center;\n align-items: center;\n height: 100vh;\n background: #000;\n }\n\n .split-screen {\n display: flex;\n flex-direction: row;\n height: 100vh;\n width: 100vw;\n }\n\n .panel {\n flex: 1;\n position: relative;\n display: flex;\n justify-content: center;\n align-items: center;\n overflow: hidden;\n cursor: pointer;\n background-size: cover;\n background-position: center;\n transition: flex 0.5s ease;\n }\n\n .panel:hover {\n flex: 2;\n }\n\n \/* \ubc30\uacbd \uc774\ubbf8\uc9c0 *\/\n .panel-1 {\n background-image: url(https:\/\/vc.cau.ac.kr\/attractivevietnam\/wp-content\/uploads\/sites\/6\/2026\/02\/buddismim.png');\n }\n\n .panel-2 {\n background-image: url('https:\/\/vc.cau.ac.kr\/attractivevietnam\/wp-content\/uploads\/sites\/6\/2026\/02\/nature3im.png');\n }\n\n .panel-3 {\n background-image: url('https:\/\/vc.cau.ac.kr\/attractivevietnam\/wp-content\/uploads\/sites\/6\/2026\/02\/lifeim.png');\n }\n\n .panel-4 {\n background-image: url('https:\/\/vc.cau.ac.kr\/attractivevietnam\/wp-content\/uploads\/sites\/6\/2026\/02\/cityim.png');\n }\n\n \/* \ud14d\uc2a4\ud2b8 (\uc911\uac04 \ub808\uc774\uc5b4) *\/\n .panel-content {\n position: relative;\n z-index: 4;\n text-align: center;\n transition: transform 0.5s ease, opacity 0.5s ease;\n margin-top: 700px;\n }\n\n .panel-content h1 {\n font-size: 4rem;\n margin: 0;\n color: white;\n transition: font-size 0.5s ease;\n }\n\n .panel-content p {\n font-size: 1rem;\n color: white;\n opacity: 0; \/* \uc644\uc804\ud788 \uc548 \ubcf4\uc774\uac8c \uc124\uc815 *\/\n transition: \/*visibility 0s linear 0.5s,*\/ opacity 0.5s ease; \/* visibility \uc9c0\uc5f0 \ucd94\uac00 *\/\n }\n .panel:hover .panel-content p {\n \/* visibility: visible; \ud638\ubc84 \uc2dc \ubcf4\uc774\uac8c *\/\n opacity: 1; \/* \uc11c\uc11c\ud788 \ub098\ud0c0\ub098\ub3c4\ub85d \uc124\uc815 *\/\n transition: \/* visibility 0s linear 0s,*\/ opacity 0.5s ease;\n }\n \/* \ud14d\uc2a4\ud2b8 \ud638\ubc84 \uc774\ub3d9 \ud6a8\uacfc *\/\n .panel:hover .panel-content {\n transform: translateY(-130%);\n }\n\n \/* h1 \uae00\uc528 \ud06c\uae30 \ud638\ubc84 \ud6a8\uacfc *\/\n .panel:hover .panel-content h1 {\n font-size: 6rem;\n }\n\n \/* \uc5b4\ud37c \ubc30\uacbd (\ud14d\uc2a4\ud2b8 \uc704) *\/\n .upper-layer {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-size: cover;\n background-position: center;\n z-index: 4;\n opacity: 0.8;\n transition: opacity 0.5s ease;\n }\n\n \/* \uc5b4\ud37c \ubc30\uacbd \ud638\ubc84 \ud6a8\uacfc *\/\n .panel:hover .upper-layer {\n opacity: 0.7;\n }\n\n \/* \uadf8\ub77c\ub514\uc5b8\ud2b8 (\ucd5c\uc0c1\ub2e8) *\/\n .overlay {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: 4;\n opacity: 0; \/* \ucd08\uae30 \uc0c1\ud0dc\uc5d0\uc11c \uc228\uae40 *\/\n transition: opacity 0.5s ease; \/* \uc11c\uc11c\ud788 \ub098\ud0c0\ub098\ub294 \ud6a8\uacfc *\/\n }\n\n .panel-1 .overlay {\n background: linear-gradient(to top, rgba(138, 0, 0, 0.8), rgba(138, 0, 0, 0.0), rgba(138, 0, 0, 0.0));\n }\n\n .panel-2 .overlay {\n background: linear-gradient(to top,rgba(47, 179, 228, 0.8), rgba(47, 179, 228, 0.0), rgba(47, 179, 228, 0.0));\n }\n\n .panel-3 .overlay {\n background: linear-gradient(to top, rgba(15, 177, 74, 0.8), rgba(15, 177, 74, 0.0), rgba(15, 177, 74, 0.0));\n }\n\n .panel-4 .overlay {\n background: linear-gradient(to top, rgba(246, 254, 106, 0.8), rgba(246, 254, 106, 0.0), rgba(246, 254, 106, 0.0));\n }\n\n \/* \ud638\ubc84 \uc2dc \uadf8\ub77c\ub514\uc5b8\ud2b8 \ub098\ud0c0\ub0a8 *\/\n .panel:hover .overlay {\n opacity: 1;\n }\n\n @media (max-width: 768px) {\n .split-screen {\n flex-direction: column;\n }\n .panel-content {\n margin-top: 20%;\n }\n .panel:hover .panel-content {\n transform: translateY(-30%);\n }\n.split-screen > .panel:nth-child(4) .panel-content {\n margin-top: 5%;\n }\n <\/style>\n<\/head>\n<body>\n\n<div class=\"split-screen\">\n <div class=\"panel panel-1\" onclick=\"window.location.href='buddhism'\">\n <div class=\"overlay\"><\/div>\n <div class=\"upper-layer\" style=\"background-image: url('https:\/\/vc.cau.ac.kr\/attractivevietnam\/wp-content\/uploads\/sites\/6\/2026\/02\/buddismim.png');\"><\/div>\n <div class=\"panel-content\">\n <h1>Buddhism<\/h1>\n <p>.<\/p>\n <\/div>\n <\/div>\n <div class=\"panel panel-2\" onclick=\"window.location.href='nature'\">\n <div class=\"overlay\"><\/div>\n <div class=\"upper-layer\" style=\"background-image: url('https:\/\/vc.cau.ac.kr\/attractivevietnam\/wp-content\/uploads\/sites\/6\/2026\/02\/nature3im.png');\"><\/div>\n <div class=\"panel-content\">\n <h1>Nature<\/h1>\n <p>.<\/p>\n <\/div>\n <\/div>\n <div class=\"panel panel-3\" onclick=\"window.location.href='lifestyle'\">\n <div class=\"overlay\"><\/div>\n <div class=\"upper-layer\" style=\"background-image: url('https:\/\/vc.cau.ac.kr\/attractivevietnam\/wp-content\/uploads\/sites\/6\/2026\/02\/lifeim.png');\"><\/div>\n <div class=\"panel-content\">\n <h1>Life\n<\/h1>\n <p>.<\/p>\n <\/div>\n <\/div>\n <div class=\"panel panel-4\" onclick=\"window.location.href='city'\">\n <div class=\"overlay\"><\/div>\n <div class=\"upper-layer\" style=\"background-image: url('https:\/\/vc.cau.ac.kr\/attractivevietnam\/wp-content\/uploads\/sites\/6\/2026\/02\/cityim.png');\"><\/div>\n <div class=\"panel-content\">\n <h1>City<\/h1>\n <p>.<\/p>\n <\/div>\n <\/div>\n<\/div>\n\n<\/body>\n<\/html>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>ATTRACTIVE PROJECT VIETNAM Buddhism . Nature . Life . City .<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-17","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/vc.cau.ac.kr\/attractivevietnam\/wp-json\/wp\/v2\/pages\/17","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/vc.cau.ac.kr\/attractivevietnam\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/vc.cau.ac.kr\/attractivevietnam\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/vc.cau.ac.kr\/attractivevietnam\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/vc.cau.ac.kr\/attractivevietnam\/wp-json\/wp\/v2\/comments?post=17"}],"version-history":[{"count":106,"href":"https:\/\/vc.cau.ac.kr\/attractivevietnam\/wp-json\/wp\/v2\/pages\/17\/revisions"}],"predecessor-version":[{"id":1022,"href":"https:\/\/vc.cau.ac.kr\/attractivevietnam\/wp-json\/wp\/v2\/pages\/17\/revisions\/1022"}],"wp:attachment":[{"href":"https:\/\/vc.cau.ac.kr\/attractivevietnam\/wp-json\/wp\/v2\/media?parent=17"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}